/*****************************/
/*           HTML            */
/*****************************/
body, html { width:100%; }
body { 
	background:#fff url(/images/common/fonds/fd_body.gif) 0 0 repeat-x; 
	color:#2a5ca2; 
	font:12px/16px "Lucida Grande", "Trebuchet MS", Myriad, Arial, sans-serif; 
	margin:0; 
	padding:0; 
	text-align:center; 
}
img { border:0; }
a { text-decoration:none; color:#2a5ca2; }
a:hover { text-decoration:underline; }
select { margin:0; font-size:10px;  }
form { margin:0; }
input { font-size:10px;  margin:5px 0; }
textarea { font-size:10px; margin:5px 0; }



/*****************************/
/*        STRUCTURE          */
/*****************************/
#conteneur { background:#fff; margin:0 auto; text-align:left; width:922px; }

/* entête */
#header { height:173px; position:relative; }
#header img.logo { position:absolute; left:16px; top:30px; }
#header img.baseline { position:absolute; left:285px; top:49px; z-index:2; }
#header img.signe_distinctif { position:absolute; right:0; top:0; z-index:1; }

#header p.home { position:absolute; left:5px; margin:0; top:134px; witdh:80px; z-index:6; }
#header p.home a { color:#9ed0f5; display:block; font-size:11px; height:39px; padding:0 20px; line-height:39px; width:60px; }

#header ul.institutionnel { float:right; list-style:none; position:absolute; margin:0; padding:0; right:0; top:134px; z-index:6; }
#header ul.institutionnel li { color:#9ed0f5; display:block; float:left; margin:0; padding:0; }
#header ul.institutionnel li a { background:url(/images/common/fonds/separ_menu.gif) right 3px no-repeat; color:#9ed0f5;  font-size:11px; height:39px; line-height:39px; margin:0; padding:0 5px; }
#header ul.institutionnel li:last-child a { background:none; }

#second_nav { float:left; padding:0 0 0 6px; width:187px; }
#second_nav a.link_img { display:block; border:1px solid #efefef; margin:0 0 0 2px; padding:1px; width:179px; }
#second_nav a.link_img:hover { border:1px solid #08b2e9; }
#second_nav h2, #second_nav h2 a { color:#fbb00a; font-size:18px; margin:17px 0 0 0; }

#contenu { float:left; padding:20px 18px 0 32px; width:485px; }
#contenu h1 { color:#5293c9; font-size:24px; line-height:28px; margin:16px 0 0 0;  }
#contenu h2.soustitre { color:#5293c9; font-size:13px; margin:0;  }
#contenu div.visuel { border:1px solid #efefef; height:230px; margin:5px 0 0 0; padding:3px; position:relative; width:476px; }
#contenu div.visuel img.image { position:absolute; top:3px; left:3px; }
#contenu div.visuel img.nom_gamme { position:absolute; bottom:10px; right:6px; }

#contenu blockquote.hqe { background:url(/images/common/logos/hqe_visuel.jpg) right 0 no-repeat; float:left; color:#00853a; font-size:19px; margin:30px 0 0 0; padding:0 110px 0 0; width:170px; }
#contenu blockquote.hqe a { color:#00853a; }
#contenu blockquote.hqe .petit { font-size:16px; line-height:18px; font-weight:bold; }
#contenu blockquote.hqe .tt_petit { color:#4a738d; font-size:10px; }

#contenu div.engagements { float:left; margin:30px 0 0 0; padding:0 0 0 30px; width:145px; }
#contenu div.engagements h5 { font-size:13px; font-weight:normal; margin:0; }
#contenu div.engagements h5 .vert { color:#94c271; font-weight:bold; }

#contenu div.engagements p { background:url(/images/common/boutons/fd_bt.gif) 0 0 no-repeat; font-weight:bold; height:28px; line-height:28px; margin:5px 0 0 0; padding:0 0 0 15px; }
#contenu div.engagements p a { display:block; color:#94c271; }
#contenu div.engagements p a:hover { text-decoration:none; }

#add_content { float:left; padding:0 10px 0 0; width:184px; }
#add_content div.nom_gamme { height:81px; }
#add_content div.nom_gamme img { margin:40px 0 0 5px; }
#add_content .bloc { border:1px solid #efefef; padding:7px; margin:20px 0 0 0; }
#add_content .bloc h3 { color:#2a5ca2; font-size:13px; font-weight:bold; margin:0; }
#add_content .bloc h4 { color:#3ba1db; font-size:13px; font-weight:bold; margin:0; }
#galerie h4 { color:#3ba1db; font-size:13px; line-height:21px; font-weight:bold; margin:0; }
#add_content .bloc ul { list-style:none; margin:10px 0 0 0; padding:0; }
#add_content .bloc ul li { margin:0 0 4px 0; padding:0; }
#add_content .bloc ul li a { background:#e5f2fa; color:#2a5ca2; display:block; height:24px; line-height:24px; margin:0; padding:0 0 0 16px; }
#add_content .bloc ul li a:hover { text-decoration:none; }
#add_content blockquote.motorisation { background:url(/images/common/visuels/telecommande.jpg) 0 bottom no-repeat; font-weight:bold; padding:20px 0 10px 70px; }
#add_content blockquote.motorisation a { color:#3ba1db; display:block; }

#add_content p.button { background:url(/images/common/boutons/fd_bt_add_content.gif) 0 0 no-repeat; font-weight:bold; height:31px; line-height:31px; margin:5px 0 0 0; padding:0 0 0 15px; }
#add_content p.button a { display:block; color:#e9b44a; }
#add_content p.button a:hover { text-decoration:none; }

#add_content div.bloc + div.pratique { margin:10px 0 0 0; }
#add_content div.pratique { background-color:#eee; margin:3px 0 0 0; padding:20px 10px 15px 70px; }
#add_content div.pratique h3 { color:#777; font-size:12px; font-weight:bold; line-height:16px; margin:0; }
#add_content div.pratique p { color:#797979; font-size:10px; line-height:12px; margin:0; }
#ou { background:url(/images/common/visuels/papillon.png) 3px 10px no-repeat; }
#contact { background:url(/images/common/visuels/contact.png) 0 bottom no-repeat; }
#emploi { background:url(/images/common/visuels/homme_cravate.png) 0 bottom no-repeat; }

p.arbo { margin:0; }

#footer { background:url(/images/common/fonds/fd_footer.gif) 0 0 repeat-x; color:#0080c9; height:86px; margin:20px 0 0 0; padding:30px 40px 0 40px; line-height:20px; }
#footer p:first-child { color:#0c3a82; }
#footer p { margin:0; }
#footer p a { color:#0080c9; }


/*****************************/
/*     		 HOME    		 */
/*****************************/
p.edito { margin:20px 0 20px 6px; line-height:18px; }
p.edito a { color:#06830f; }

div.entree_cat { background:#d7ebf7; border:1px solid #d0daf5; float:left; margin:0 0 4px 0; padding:4px; width:231px; }
#contenu div.entree_cat h2 { color:#0c3a82; font-size:18px; font-weight:normal; margin:5px; }
#contenu div.entree_cat p { margin:5px; }

#contenu div.entree_cat p.button { background:url(/images/common/boutons/fd_bt_entree_cat.gif) 0 0 no-repeat; font-weight:bold; height:30px; left:380px; line-height:30px; margin:0; padding:1px 0 0 15px; }
#contenu div.entree_cat p.button a { display:block; }
#contenu div.entree_cat p.button a:hover { text-decoration:none; }

input#user_mail { float:left; font-size:11px; margin:8px 5px 0 0; width:110px; }

#add_content input.submit {
	background:url(/images/common/boutons/fd_bt_envoyer.gif) 0 0 no-repeat; /* l'image de fond */
	border:none; /* pas de bordure au bouton sinon il y en a une par defaut */
	color:#7b7e84; /* la couleur du texte */
	cursor:pointer; /* le curseur en forme de main */
	float:left;
	font-weight:bold;
	font-size:11px; /* les caractéristiques de la police de texte */
	height:26px; /* la hauteur de l'image de fond */
	vertical-align:middle;
	width:59px; /* la largeur de l'image de fond */
}

#add_content h4.abo { color:#319fda; font-size:12px; font-weight:bold; margin:30px 0 0 0; }
#add_content h3.news { color:#0c3a82; font-size:12px; font-weight:bold; margin:20px 0 0 0; }
#add_content p.news { color:#0c3a82; margin:0; }
#add_content h4.allnews { background:url(/images/common/puces/grde_fleche.gif) 0 4px no-repeat; font-size:12px; font-weight:bold; margin:10px 0 0 0; padding:0 0 0 16px; }


/*****************************/
/*     ACCUEIL  CATEGORIE    */
/*****************************/
div.intro { float:left; width:279px; }
div.visuels_accueil { float:left; width:206px; }
div.visuels_accueil img { float:left; width:94px; border:1px solid #e9e9e9; padding:3px; }

#contenu div.entree_gamme {
	background:url(/images/common/fonds/fd_entree_gamme.gif) 0 0 repeat-x;
	height:80px;
	margin:6px 0 0 0;
	position:relative;
}
#contenu div.entree_gamme img.nom_gamme { position:absolute; top:15px; left:15px; }
#contenu div.entree_gamme p.descript { position:absolute; top:20px; left:185px; margin:0; }
#contenu div.entree_gamme p.descript .titre { color:#3871b0; font-weight:bold; }
#contenu div.entree_gamme p.button { background:url(/images/common/boutons/fd_bt_entree_gamme.gif) 0 0 no-repeat; font-weight:bold; height:31px; left:380px; line-height:31px; margin:0; padding:0 0 0 10px; position:absolute; top:23px; width:81px; }
#contenu div.entree_gamme p.button a { display:block; }
#contenu div.entree_gamme p.button a:hover { text-decoration:none; }


/*****************************/
/*          DETAIL           */
/*****************************/
div.descript { float:left; padding:10px 30px 0 0; width:260px; }

div.descript p:first-child { margin-top:0; }

div.descript h3 { font-size:12px; font-weight:bold; line-height:16px; }
div.descript h3:first-child { margin-top:0; }


div.fiche { float:left; width:195px; padding:10px 0 0 0; }
div.fiche h2:first-child { background:url(/images/common/fonds/fd_fiche.gif) 0 0 no-repeat; color:#fff; font-size:11px; height:16px; line-height:16px; margin-top:0; padding:0 0 0 6px; }
div.fiche h2 + p { background:url(/images/common/symboles/pdf_download.gif) 0 0 no-repeat; color:#fbb00a; font-size:11px;  font-weight:bold; height:51px; margin-top:0; padding:15px 0 0 75px; }
div.fiche h2 + p a { color:#fbb00a; } 
div.fiche ul { list-style:none; margin:0; padding:0; }
div.fiche ul li { margin:0 0 4px 0; padding:0; }
div.fiche ul li a { background:url(/images/common/fonds/fd_item_fiche.gif) 0 0 no-repeat; color:#2a5ca2; display:block; margin:0; padding:0 0 0 16px; }

div.fiche img.separ { margin-right:4px; }


/*****************************/
/*           EDITO           */
/*****************************/


/*****************************/
/*         SPECIFIC          */
/*****************************/
.clear { clear:both; }

.gras { font-weight:bold; }
.maigre { font-weight:normal; }

.gris { color:#797979; }
.orange { color:#cc9902; }

.hide { display:none; }
.bloc { display:block; }

.nomarg { margin-top:0; margin-bottom:0; }
.nomargtop { margin-top:0; }
.nomargbot { margin-bottom:0; }

.flotleft { float:left; }
.flotright { float:right; }

ul.list { list-style:none; margin:0; padding:0; }
ul.list li { margin:0; padding:0; }
ul.list li a { display:block; margin:0; padding:0; }


/* backgrounds en PNG */
a.link_presentation { 
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/common/top/presentation.png');
	background:transparent;
	cursor:pointer;
	}	
a[class="link_presentation"] { 
	/* IE ignores styles with [attributes], so it will skip the following. */
	background: url(/images/common/top/presentation.png); 
}

/* @group Image in a link (a.link_img) */
a.link_img { display:block; border:1px solid #efefef; padding:3px; }
a.link_img:hover { border:1px solid #08b2e9; }

/* shadows */
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(/images/common/fonds/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(/images/common/fonds/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 4px 5px 0;
	background:url(/images/common/fonds/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #2e3226;
}

.box100p { width:90%;}
.formbouvet { 
	border:1px dashed #2a5ca2;
	font:12px "Lucida Grande", "Trebuchet MS", Myriad, Arial, sans-serif;
	color:#2a5ca2;
	background-color:#FFFFFF;
}
/* Candidatures 
.candidature{ padding: 20px 0; list-style:none url(../images/common/puces/candidature.png); font-weight:bold; }*/

ul.candidature { padding: 20px 0; margin: 0 20px;}
ul.candidature li { list-style:none url(/images/common/puces/candidature.png); font-weight:bold; }

li.offre .content { padding: 20px 0 0 0; }

#frmCandidat label { display: block; float:left; width:200px; clear:left; }
#frmCandidat select, #frmCandidat input, #frmCandidat textarea  { width: 240px }
#frmCandidat input[disabled=disabled] { background: #fff; border:0; color: #333; }
#frmCandidat input[type=submit], #frmCandidat input[type=button] { margin: 0 0 0 200px; }