/* CSS Document */
/* ************************************************************************ */
/* Pimas : Style sheet
/* ************************************************************************ */
/* Creation : Handicap.fr - OCT - JL - 2009-11-15
/* ************************************************************************ */


*              {margin: 0; padding: 0; border: 0 }
.none          {margin: 0; padding: 0; border: 0; background-color:inherit; }
.emptyfloatdiv {margin: 0; padding: 0 0 2px 0; border: 0; background-color:inherit; float:left; position:relative; width:100%; }
.centerdiv     {margin: 0; padding: 2px 0 2px 0; border: 0; background-color:inherit; text-align:center;  }
.clearbox      {display:block;clear:both;}


ul { margin:0px; padding:0px;
	list-style-image : url(/images/puce.gif);
	}

li { margin:8px 0px 0px 25px;
	 padding:0px;
	 /*list-style-type:none;*/
}


/* *****************STRUCTURE DE LA PAGE*********************** */

body { 
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 0.75em;
	color: #000000;
	background-color:#FFFFFF; 
	padding:0 0 5px 0;
}

#conteneur {
	width: 980px;
	margin:0px auto; 
	padding:0;
	background-color:#FFFFFF;
}

#content {
	clear:both;
	background:#EBD6A7;
	width: 980px;
}

/* ------------------------------------------------------------------------ 
 * Header section  (contient logo, coins arrondis du haut)
 * ------------------------------------------------------------------------ */
 
#header {
	width:980px;
	float:left;
	background: #FFFFFF;

}

#bloc_recherche {
	float:right;
	/* 
	display:block;
	*/
	position:relative;
	top: 0px;
	right: 0px;
	color:#144F9B;
	background-color:#FFFFFF;
	font: 0.8em Verdana,Arial,sans-serif ;
	padding: 0px;
	text-align: left;
	font-weight:bold;
	/* */
}

#header_logo {
	float:left;
	width:290px;
	border:0;
	margin-top:10px;
	margin-left:40px;
	
}

#header_top {
	height:100px;
	width:580px;
	border-top: 0px solid white;
	background-color:#EBD6A7;
	float: right;
	}

/* ***************** Coins arrondis dans header et avant footer ********* */
#header_arrondis {
	display:block;
	float:left;
	}

.bottom_arrondis {
	display:block;
	float:right;
	margin:0;
	}

.vignette-header {
	float:right;
	width: 150px;
	color:#144F9B;
	font-size:0.8em;
	margin-right: 45px;
	margin-top: 15px;
/*	padding-left: 10px;*/
	}

.vignette-header-img {
	margin-right: 15px;
	
}


/* ***************** MENU + sous menu *********************** */
#menu {
	width:980px;
	float:left;
	background: #FFFFFF;
	border-top: 5px solid white;
	border-bottom: 5px solid white;
	}
	
#menu_nav {
	background-color: #C6A36B;
	padding:0;
	margin:0;
	border: 0px solid red ;
	font-size: 0.9em;
	text-align: left; 
	font-weight:bold;
}

.topmenuclass {
	padding:0; border:0; margin:0; display:inline;
	padding: 3px 19px 3px 10px;
}


.topmenuclass li { 
	list-style: none; float: left ; 
	display: block ;
	border-right: 4px solid #FFFFFF ; 
	border-top: 0; border-bottom: 0 ; border-left: 0 ;
	padding: 3px 0px 3px 0px;
	margin:0;
}


.topmenuclass li span                     { margin:0;text-decoration: none     ; color: #FFFFFF; background: #C6A36B; padding: 3px 15px 3px 4px; }
.topmenuclass li a                        { margin:0;text-decoration: underline; color: #FFFFFF; background: #C6A36B; padding: 3px 15px 3px 4px; }
.topmenuclass li a:hover                  { margin:0;text-decoration: none     ; color: #FFFFFF; background: #144F9B; padding: 3px 15px 3px 4px; }
.topmenuclass li a:focus                  { margin:0;text-decoration: none     ; color: #FFFFFF; background: #144F9B; padding: 3px 15px 3px 4px; }
.topmenuclass li.topmenuelement span      { margin:0;text-decoration: none     ; color: #FFFFFF; background: #C6A36B; padding: 3px 15px 3px 4px; }
.topmenuclass li.topmenuelement a         { margin:0;text-decoration: none     ; color: #FFFFFF; background: #C6A36B; padding: 3px 15px 3px 4px; }
.topmenuclass li.topmenuelement a:hover   { margin:0;text-decoration: underline; color: #FFFFFF; background: #144F9B; padding: 3px 15px 3px 4px; }
.topmenuclass li.topmenuelement a:focus   { margin:0;text-decoration: underline; color: #FFFFFF; background: #144F9B; padding: 3px 15px 3px 4px; }
.topmenuclass li.curtopmn span            { margin:0;text-decoration: none     ; color: #FFFFFF; background: #144F9B; padding: 3px 15px 3px 4px; }
.topmenuclass li.curtopmn a               { margin:0;text-decoration: none     ; color: #FFFFFF; background: #144F9B; padding: 3px 15px 3px 4px; }
.topmenuclass li.curtopmn a:hover         { margin:0;text-decoration: none     ; color: #FFFFFF; background: #144F9B; padding: 3px 15px 3px 4px; }
.topmenuclass li.curtopmn a:focus         { margin:0;text-decoration: none     ; color: #FFFFFF; background: #144F9B; padding: 3px 15px 3px 4px; }


/* line-height: 1em; */ 
/* line-height: 1em; */ 
/* line-height: 1em; */ 

/* ***************** Sous Menu *********************** */
#submenusection {
	width:980px;
	float:left;
	background: #F5E7CC;
	border-top: 5px solid white;
	}

#sub_nav {
	display:inline;
	margin-right: 0;
	padding: 0;
	}

#submenu {
	list-style-type:none;
	list-style-image : none;
	margin-right: 0;
	padding: 0;
	}

				
#submenu li {
	list-style-type:none;
	margin:0;
	padding:0;
	float: left ;
	color: #C6A36B ;
	}

#submenu li span {
	display: block ;
	color: #144F9B ;
	font: 0.8em Verdana,Arial,sans-serif ;
	padding: 3px 5px 3px 15px;
	text-align: left;
	text-decoration: none ;
	font-weight:bold;
	background: url(/images/puce-nav3.jpg) no-repeat;
	}

#submenu li a {
	display: block ;
	color: #6B3908 ;
	font: 0.8em Verdana,Arial,sans-serif ;
	padding: 3px 5px 3px 15px;
	text-align: left;
	text-decoration: none ;
	font-weight:bold;
	background: url(/images/puce-nav2.jpg) no-repeat;
	}


				
				
#submenu li a:hover, #nav2 li a:focus, #nav2 li a:active {
	color: #144F9B ;
	font-weight:bold;
	background: url(/images/puce-nav2.jpg) no-repeat;
				}
				

/* ***************** Chemin + Bienvenue *********************** */
			
#menu_chemin {
	width:980px;
	float:left;
	background: #FFFFFF;
	margin-top:1.2em;
	margin-bottom:1em;
	}

h2#bigtitle {
	display:block;
	width: 400px;
	font-size:1.4em; 
	font-weight:bold;
	color: #144F9B;
	background: #FFFFFF;
	margin:0 0 0 100px;
	padding:0;
	display:inline;
	float:left;
}


.pt {
	font: 1.1em Verdana,Arial,sans-serif ;
	margin: 0px 10px 0px 410px;
	color: #144F9B ;
	font-weight:normal;
	text-align:left;
	}


/* ------------------------------------------------------------------------ 
 * Home page 
 * ------------------------------------------------------------------------ */

/* ***************** Colonne de gauche (présentation de la vidéo) *********************** */
#left_col {
	float:left;
	border-top:3px dotted #C6A36B;
	background-color:#FFFFFF;
	width:400px;
	margin:0 0 20px 0;
	padding:0; 
}
#left_data {
	background-color: #F5E7CC;
	width:320px;
	margin-top: 50px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:10px;
}

.video_home {
	border:2px solid #C6A36B;
	margin-right:auto;
	margin-left:auto;
}

/* ***************** Colonne de droite Home page pour présentation des produits (vignettes) *********************** */

#right_col {
	float:right;
	width:580px;
	margin:0 ;
	padding:0; 
	}
	
#right_data1 {
	width:100%;
	border-bottom:2em solid #FFFFFF;
	}
	
#right_data2 {
	border-top:3px dotted #C6A36B;
	width:100%;
	}
	
.vignette1 {
	float:left;
	width: 80px;
	color:#144F9B;
	font-size:0.8em;
	margin-left: 20px;
	padding-left: 10px;
	}

.vignette2 {
	float:left;
	width:100px;
	color:#144F9B;
	font-size:0.8em;
	margin-left: 20px;
	padding-left: 10px;
	}

.vignette-img {
	margin-top:10px;
	margin-bottom:10px;
		} 


/* ------------------------------------------------------------------------ 
 * Pages Internes - Inter
 * ------------------------------------------------------------------------ */



#contenu_inter {
	float:left;
	border-top:3px dotted #C6A36B;
	background-color:#FFFFFF;
	width:960px;
	margin:0 0 20px 0;
	padding:0; 
	}

#contenu_data {
	width:920px;
	margin: 20px 0 0 20px;
	padding-top:10px;
	}

#contenu_data img {
	margin: 5px;
}
#resmapimgcontainer img {
	margin: 0px;
}

.video_home {
	border:2px solid #C6A36B;
	margin-right:auto;
	margin-left:auto;
}

img.thumbnailLeft {
	float:left;
	color:#C6A36B;
	border: 1px solid #C6A36B;
	margin: 5px 10px 10px 0;
	}
	
p.consulter {
	display: block ;
	background: #C6A36B;
	color: #FFFFFF ;
	font: 0.9em Verdana,Arial,sans-serif ;
	line-height: 1em ;
	padding: 3px 0 3px 90px;
	}

.produits {
	float:left;
	width:900px;
	margin: 10px 20px 10px 0;
	}

a.consulter:link    { padding: 0 0 0 10px; color:#144F9B; text-decoration: none; font-weight:bold; background: url(/images/puce-consulter-off.jpg) no-repeat;	}
a.consulter:visited { padding: 0 0 0 10px; color:#144F9B; text-decoration: none; font-weight:bold; background: url(/images/puce-consulter-off.jpg) no-repeat; }
a.consulter:hover   { padding: 0 0 0 10px; color:#FFFFFF; text-decoration: none; font-weight:bold;  background: url(/images/puce-consulter-on.jpg) no-repeat;}


/* ------------------------------------------------------------------------ 
 * Footer section
 * ------------------------------------------------------------------------ */
#footer {
	margin:0 auto;
	display:block;
	color: #144F9B;
	font-size:0.8em;
	width: 980px;
	}

.footersection {
	clear:both;
	display:block;
	color: #144F9B;
	font-size:0.7em;
	width: 980px;
	}

#footer a:link    { color:#144F9B; text-decoration: none; }
#footer a:visited { color:#144F9B; text-decoration: none; }
#footer a:hover   { color:#C6A36B; text-decoration: underline; }

#iso-footer {
	background-color:#144F9B;
	color:#FFFFFF;
	float:right;
	width:200px;
	}
	
#iso-footer .imgL {
	float:left;
	margin: 5px;
	border: 1px solid #F5E7CC;
	}
	
/* ------------------------------------------------------------------------ */

/* **************** LIENS ****************************** */

a:link    { color:#144F9B; text-decoration: underline; }
a:visited { color:#144F9B; text-decoration: underline; }
a:hover   { color:#C6A36B; text-decoration: underline; }

a.produits-home:link    { color:#144F9B; text-decoration: none;  }
a.produits-home:visited { color:#144F9B; text-decoration: none;  }
a.produits-home:hover   { color:#6B3908; text-decoration: none;  } 


a:link .vignette-img  { border:2px solid #FFFFFF;  }
a:visited .vignette-img  { border:2px solid #FFFFFF;  }
a:hover .vignette-img  { border:2px solid #C6A36B /*#144F9B*/; }

a.vignette2 p:link    { color:#144F9B; text-decoration: none;}
a.vignette2 p:visited { color:#144F9B; text-decoration: none;}
a.vignette2 p:hover   { color:#C6A36B; text-decoration: none;}

a:link .vignette-header-img  { border:2px solid #FFFFFF;  }
a:visited .vignette-header-img  { border:2px solid #FFFFFF;  }
a:hover .vignette-header-img  { border:2px solid #C6A36B /*#144F9B*/; }


/* ************************ TITRES *********************************** */

h1 {
	margin:0; 
}

h2 {
	clear:right;
	background: #C6A36B;
	font: 1.2em Verdana,Arial,sans-serif bold;
	color: #FFFFFF;
	margin:50px 0 10px 0;
	padding: 3px 0 3px 10px;
	display:block;
	width:100%;
}


h3 {
	clear:right;
	color:#144F9B;
	font-size:1.2em;
	font-weight: bold;
	margin:3px 0px 3px 0px;
	padding:3px 0px 3px px ;
}

h3.homepage {
	color:#144F9B;
	font-size:1.2em;
	font-weight: bold;
	margin:7px 2px 3px 0px;
	padding:0px 0px 0px 20px ;
}

h4 {font-size:0.9em; 
	font-weight:bold;
	color: #144F9B;
	margin:8px 2px 10px 0px;
	padding:0px;
}

.retourhaut {float:right;
}

a.retourhaut:link    { padding: 0 0 0 16px; color:#144F9B; text-decoration: none; background: url(/images/retourhaut.jpg) no-repeat;	}
a.retourhaut:visited { padding: 0 0 0 16px; color:#144F9B; text-decoration: none; background: url(/images/retourhaut.jpg) no-repeat; }
a.retourhaut:hover   { padding: 0 0 0 16px; color:#C6A36B; text-decoration: none; background: url(/images/retourhaut.jpg) no-repeat;}

.strongtext {
	font-weight: bold; font-style: normal; font-size: 1.1em;color:#144F9B;
}



table { border-collapse:separate;  margin:0 auto;}
tr { margin:2px;padding:0;border:0px;}
th { border:1px solid black; }
td { /*border:1px solid black;*/margin:2px;padding:5px; background-color:#F5E7CC; }
img {border:0px}



/* ------------------ form element ---------------------------------------- */

input, select, textarea	{margin: 2px; padding: 0; border: 1px solid #C6A36B; background-color:#FFFFFF; }
	
option          {margin: 0; padding: 0; border: 0;  }
.formel        {color:#144F9B; background-color:#FFFFFF; font-size: 0.6em ; border: 1px solid #EBD6A7; height: 10px; }
*.forme2        {color:#000000; background-color:#FFFFFF; border: 1px solid white; margin:0; padding:0; text-decoration: underline; font-weight: normal; font-family:verdana,helvetica,sans-serif; }
.forme3		{background-color: #EBD6A7; color: #144F9B; border: 1px solid #EBD6A7; font-size: 0.6em ; height: 10px; }
*.forme2:hover  {color:#FFCC00; background-color:#FFFFFF; border:0; margin:0;padding:0;text-decoration: underline; font-weight: normal;font-family: arial,verdana,helvetica,sans-serif; }

span.formlabel {display:inline; float: left; width: 11em; text-align:right;	/*padding:2px;*/}

label.formlabel {display:inline;
				float: left;
				width: 13em;   
				text-align:right;
				padding:2px;}

label.WBformlabel   {display:block;  text-align:left; }
label.formlabellong {display:inline; float: left; width: 18em; text-align:right; padding:2px; }
fieldset            { border:1px solid #C6A36B; margin-bottom:20px; width:500px; margin-left:auto; margin-right:auto; }
legend              { color: #000000; background: #FFFFFF; border: 1px solid #C6A36B; padding: 2px 6px; margin: 6px; }

.hdrctry_emptyfloatdiv  {margin: 0; padding: 0 0 2px 0; border: 0; background-color:inherit; float:left; position:relative; width:100%; }
label.hdrctry_formlabel {display:inline; float: left; width: 11em; text-align:right; padding:2px; }

/* ------------------------------------------------------------------------ */