/* <![CDATA[ */

body {
	margin: 0;
	padding: 0;
	font: 10pt/115% arial, tahoma, geneva, helvetica, sans-serif;
	background-color: #fff;
	}

#contenuc {
	position: relative;
	margin-top: 170px; /*130*/
	margin-top: 180px\9; /* \9 pour bug IE8*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 18px;
	width: 990px;
	/*\*/
	left: 50%;
	margin-left: -495px;	
	/* Mac IE5 shouldn't see  the left and left margin declarations (which are for other IEs' benefit) since it has a bug where contained elements following the first child are indented by the same amount - modern browers of course can center using auto margins, but they understand the left center, negative margin shift too */
	}

#map_canvas {
   height: 300px;
   width: 100%;   
}

a, a:link, a:visited {
	text-decoration: none;
	/*color: #4D81AF;*/
	color: #004b8D;
	}

/*a:hover {
	border-bottom: 2px solid #FFA954;
	/*color: #FFA954;
	}*/

/* --------------- definition colonne 1 menu ---------------- */

#col1 {
	float: left;
	width: 210px;
	background: #FFF;	
	text-align: left;
	margin: 10px 0 0 3px;
	padding: 50px 0 0 0;
	color: #004b8d;
	/*border-right : 1px dotted grey;*/
	}


/* ----------------- definition colonne 2 article central / et col2et3----------------- */

#col2 {
	float: left;
	width: 563px; /* 720*/
	height: 100%;	
	text-align: justify;
	line-height: 125%;
	margin: 0 10px 10px 10px;
	padding: 50px 6px 0 6px;
	}

#col2et3 {
	float: left;
	width: 748px; /* au lieu de 760 */ /* 748 en version 2008 */
	background: #FFFFFF;
	text-align: left;
	margin: 0 14px 10px 10px;
	_margin: 0 0 10px 0px; /* pour bug IE */
	padding: 50px 6px 0 6px;
	}
	
#col123 {
	float: left;
	width: 958px;
	background: #FFF;	
	text-align: left;
	margin: 10px 0 0 10px;
	padding: 50px 0 0 0;
	color: #004b8d;
	}

#col2 ul, #col2et3 ul {
	list-style-image:  url(../im/fleche.gif%27);
	list-style-type: none;
	}

#col2 ul ul, #col2et3 ul ul {
	list-style-image:  url(../im/puce.gif%27);
	list-style-type: none;
	}

#col2 .formc2 {
	padding: 0 6px 6px 6px;
	margin: 8px 0 0 0;
	_margin: -7px 0 0 0; /* pour bug IE */
	}

#col2 .LibFormc2 {
	padding: 0;
	margin: 4px 0 0 0;
	float: left;
	width: 300px;
	}

#col2 .InputFormc2 {
	padding: 0;
	margin: 2px;
	float: left;
	width: 180px;
	}

/* ---------------- definition colonne 3 droite --------------------------- */

#col3 {
	float: left;
	width: 370px;	/*231*/
	margin: 50px 0 0 0px;
	_margin: 10px -4px 0 0; /* pour bug IE */
	padding: 60px 0 0;
	text-align: justify;
	}

#col3 .spotorg {
	background: transparent url(../im/spotorg2.gif%27) top left repeat-y;
	color: #004B8D;
	margin: 0;
	padding: 0;
	text-align: justify;
	}

#col3 .spotblue {
	background: transparent url(../im/spotbleu2.gif%27) top left repeat-y;
	margin: 0 ;
	_margin: -3px 0 -3px 0; /* pour bug IE */
	padding: 0;
	}

#col3 p, #col3 h3 {
	margin: 0 ;
	_margin: -4px 0 0 0; /* pour bug IE */
	padding: 4px 13px 4px 12px;
	}
	
#col3  h3 {
	font: bold 110% Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	}

#col3 .first {
	margin: -8px 0 0;
	padding: 0 13px 4px 12px;
	}
	
#col3 ul {
	margin: 0;
	_margin: 0 4px 0 0;
	padding: 2px 14px 2px 26px;
	_padding: 2px 20px 2px 30px; /* pour bug IE */
	list-style-image:  url(../im/fleche.gif);
	list-style-type: none;
	}

#col3 .date {
	background: #FFF;
	color: #004B8D;
	text-align: right;
	margin: 0;
	padding: 0 20px 0 0;
	font: bold 9pt arial, verdana, sans-serif;
	}

#col3 .separ {
	clear: both;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent url(../im/spotbleu-separ.gif) 0% 50% no-repeat;
	}

#col3 .fin {
	width: 231px;
	height: 27px;
	margin: 0 0 30px 0;
	padding: 0;
	background: #FFFFFF url(../im/spotbleu3.gif%27) top left no-repeat;
	}

/* -------------- entete ------------------------*/

#header {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -495px;
	width: 990px;
	height: 240px;
	}

#header a:hover {
	text-decoration: none;
	}

/*------------------ Menu onglet --------------------*/

#header {
	text-align: left;
	/*background-color: #fff;*/
}
#header * {
	margin: 0;
	padding: 0;
}
#header ul#menu {
	float: left;
	width: 100%;
	font-weight: bold;
	padding-left: 40px;
}
#header ul#menu li {
	float: left;
	display: inline;
	border-left: #ffffff 2px solid;
}
#header h1, #header h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 2.0em;
	color: #fdd579;
}
#header ul#menu li a {
	margin-top: 10px;
	text-align: center;
	display: block;
	width: 150px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	-moz-border-radius: 10px 10px 0 0; 
    -webkit-border-radius: 10px 10px 0 0; 
    border-radius: 10px 10px 0 0;   
    -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */ 
}
#header ul#menu li a:hover {
	background-color: #FDD579;
	color: #000;
}
#header .current {
	color: #000;
	background-color: #75CA09;
}
#header .ghost  {
	color: #FFFFFF;
	background-color: #22710A;
}
#header .content {
	position: absolute;
	top: 86px;
	left: 0;
	width: 990px ;
	height: 150px;
	padding: 1em 2em;
	margin: -2px 0 0 0;
	background: transparent url('../im/fond_onglet.png') top left no-repeat;
}
#header hr {
	clear: both;
	visibility: hidden;
}
#header .on {
	display: block;
}
#header .off {
	display: none;
}
#logoa {
	float: left;
	margin: 0px;
	padding: 0;
	width: 438px;
	height: 50px;
	background: transparent url('../im/logo.gif') top left no-repeat;
	}
#logoa a:hover {
	text-decoration: none;
	}

/*------------ fade top -------------------------*/
#top {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 2px;
	}

#fade_top {
    position: absolute;
	padding: 0;
	margin: 0;
	top: 229px;
	width: 990px; /* enlever les marges des bordures */
	height: 40px;
	left: 0;
	/*left: 50%;
	margin-left: -495px;*/
	background: transparent url('../im/fade_top.png') top left repeat-x;
	}
/*------------ Recherche -------------------------*/

form#recherche {
	font: 11px arial, helvetica, tahoma, geneva, sans-serif;
	color: #ffffff;
	}

#recherche input.inputbox, input.inputbox2  {
    overflow: visible;
	vertical-align: middle;
	margin: 2px; 
	padding: 0px 2px;
	width: 300px;
	font: 14px/120% arial, helvetica, tahoma, geneva, sans-serif;
	color: #000;
	}
#recherche input.inputbox2  {
	width: 200px;
	}
#recherche .label {
	margin: 0;
	padding: 0;
	font: bold 2.0em Myriad Pro, Arial, Helvetica, sans-serif;
	color: #fdd579;
	}
	
#recherche #button {
	position: absolute;
	top: 50px;
	left: 460px;
	margin: 0;
	padding: 0;
	width: 128px;
	height: 35px;
	border: 0;
	vertical-align: middle;
	text-align: center;
	background: transparent url('../im/bouton5.png') top left no-repeat;
	}

/* -------------- Affichage des résultats ----------------*/

.rep {
	width: 560px ;
	height: 151px;
	margin: 0;
	padding: 0;
	background: #FFFFFF url('../im/fond-resultat2.jpg') top left no-repeat;
      -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;	
	}
.blocadr {
	float: left;
	width: 340px ;
	margin: 0;
	padding : 14px;
	text-align: left;
}

.bloctel {
	float: left;
	width: 150px ;
	margin: 40px 0 0 0; /* 46 0 0 0 */
	padding : 2px 0px; /* 14 */
	text-align: left;
}
/* -------------- définition bas de page ----------------*/
#footer	{
	position: absolute; /* Operas 5 + 6, need this to be relative */
	bottom: 0;
	left: 50%;
	width: 990px;
	height: 17px; /* au lieu de 17 version 2008 */
	margin-left: -495px;
	border: 0;
	padding: 0;
	background: transparent url('../im/footer.jpg') top left no-repeat;
	}

#footer a {
    position: absolute;
    display: block;
	}

#footer a, #footer a:visited {
	text-decoration: none;
	color: #000;
	}

#footer h4 {
	z-index: 1;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 85%;	
	}

#lien0 {
    top: 2px; 
    left: 561px; 
    height: 10px; 
    width: 57px; 
	}

#lien1 {
    top: 2px; 
    left: 616px; 
    height: 10px; 
    width: 245px; 
	}

#lien2 {
    top: 2px; 
    left: 871px; 
    height: 10px; 
    width: 91px; 
	}


/* Exclude fixed from Mac IE5 if you want working mouseover stuff */
body>#header, body>.bar-mnu, body>#footer {
	position: fixed;
	}
/* Exclude Mac IE5 from fixed */

/* ------------ général --------------------------------*/

.imgleft {
	margin-top: 0.5em;
	margin-right: 0.7em;
	margin-left: 0;
	margin-bottom: 1em;
	float: left;
	}

.imgright {
	margin-top: 0.5em;
	margin-right: 0;
	margin-left: 0.7em;
	margin-bottom: 1em;
	float: right;
	}

h1 {
	color: #004B8D; 
	font: bold 145% Arial, Helvetica, sans-serif; 
	padding: 10px 0; 
	margin-left: 0;
	margin-right: 10px;
	/*border-bottom-width : 1px;
	border-bottom-style: dotted;
	border-bottom-color: grey;*/
	text-align: left;
	}

h2 {
	color: #004B8D; 
	font: bold 120% Arial, Helvetica, Verdana, sans-serif; 
	padding: 0; 
	margin-left: 0;
	margin-right: 10px;
	}
	
h3 {
	color: #333333;
	font: bold 100% Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	}

.bugIE {
	margin: 0;
	_margin: -7px 0 0 0; /* pour IE */
	padding: 0;
	background: #FFFFFF;
	}

hr {
	clear: both;
	border: none;
	display: none;
	}
	
.alert {
    background-color: #FFFFFF;
    border: 1px solid red;
    border-radius: 4px;
    margin: 15px 0;
    padding: 10px 19px 14px;
    position: relative;
}

/* ]]> */