@import "/css/formulaire.css";

BODY {
	margin:0px;
	padding:0px;
	height:100%;
	}	
#page {
	height:100%;
	position: absolute;
	width: 955px;        /* selon la largeur voulue */
	margin-left: -477px; /* moitie de width */
	left: 50%;
	background-color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#header {
height: 115px;
width:955px;
float:left;
background-image:url(/charte_gedif/menu_horz.png);
background-repeat:repeat-x;
}

#centre{
	background-image:url(/charte_gedif/fond_centre.png);
	background-repeat:repeat-x;
	width:955px;
	float:left;
	padding-top: 14px;
		      }
#contenu {
	width : 679px;
	margin : 0 0 0 -258px;/* -la largeur du menu de gauche */
	padding : 0;
	float: right;

}

#contenu_html{
	float:left;
	background-image:url(/charte_gedif/fond_html.gif);
	background-repeat:repeat-y;
	padding-right: 38px;
	padding-left: 20px;		 
}
#yahoo{
	float: left;
	width:660px;
	background-image:url(/charte_gedif/fond_html.gif);
	background-repeat:repeat-y;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
}

#repere{
float:left; 

margin-bottom:0px; 
}

#menu{
text-align: center;
}
#menu img{
border:0;
}
#bas{
float: left;
	width:660px;
	background-image:url(/charte_gedif/fond_html.gif);
	background-repeat:repeat-y;
	}
#bas_contour{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	width:620px;
	float:left;
}


#div_lien_yahoo{
width:572px;
padding-top:3px;
float:left;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
}


#gauche {
float:left;
width: 258px;
}

#menuLat{
float:right;
width:239px;
background-image:url(/charte_gedif/rpt_menuLat.jpg);
background-repeat:repeat-y;
}

#pied {
height: 30px;
background-color: #99CC99;
clear:both;
}

/*signature illicopage*/
#made_with {
	height:30px;
	width:100%;
	padding-top:3px;
	padding-right:20px;
	margin:0;
	float:right;
	text-align:right;
	}
#made_with IMG {
	border:0px;
	vertical-align:middle;
	}	
#made_with A {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	text-decoration:none;
	}
	
/*accueil*/
#header_accueil{
	background-image:url(/charte_gedif/haut_accueil.jpg);
	background-repeat:repeat-x;
	float:left;
	height:214px;
	width:955px;
}
#intro{
	float:left;
	width:615px;
	height:137px;
	background-image:url(/charte_gedif/fond_intro.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:40px;
	padding-right:200px;	
}
#contact{
	float:left;
	width:615px;
	height:253px;
	background-image:url(/charte_gedif/contact_accueil.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:40px;
	padding-right:200px;

		}
#centre_accueil{
	width:955px;
	float:left;
	padding-top: 14px;

}
	
/* CLASSES	*/
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

a {
	color: #056670;	
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #056670;
	line-height: 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #50c3c3;
	background-image: url(/charte_gedif/h1.jpg);
	background-repeat: repeat-y;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #50c3c3;	
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #056670;
	font-weight: bold;
	line-height: 20px;
	background-image: url(/charte_gedif/h2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: underline;
	padding-left: 15px;
}


h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #056670;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
}

IMG {border: 0}

.legende{
	font-size: 10px;
}
.lien_yahoo{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #056670;
	text-decoration: none;
	
}
a.lien_yahoo:hover{
	 text-decoration:underline;
}

.album_photo{
	font-size: 10px;
	color: #666666;
}
input.moteur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

/* Gestion du plan du site */
a.PLAN0{
	font-size: 12px;
	font-weight:bold;
	color:#056670;
	text-decoration: underline;
}
a.PLAN0:hover{
	color:#000000;
}

a.PLAN1{
	font-size: 11px;
	font-weight:bold;
	color:#056670;
	text-decoration: none;
}

a.PLAN1:hover{
	color:#000000;
}

a.PLAN2{
	font-size: 10px;
	font-weight:bold;
	color:#056670;
	text-decoration: none;
}

a.PLAN2:hover{
	color:#000000;
}
a.PLAN3{
	font-size: 10px;
	font-weight:bold;
	color:#056670;
	text-decoration: none;
	list-style-position: inside;
	display: list-item;
	list-style-type: square;
}

a.PLAN3:hover{
	color:#000000;
}
	
