body { margin: 0; padding: 0; background:#FFFFFF; font-family: Verdana, Tahoma, Arial, Times, sans-serif; font-size: 11px; color: #333; background: rgb(221, 221, 221) none repeat scroll 0% 0%;}

/*-------
 HEADER
-------*/
#header{ width: 640px; text-align:left; float:left }
#header .logo{ float:right; }
#header .titrehome{ float:right; font-size:14px; padding: 40px 8px 8px 8px; margin-bottom:20px;}
#header .titrehome span{color:#990033;}
#header .clear { clear: both; padding: 0; margin: 0; background-color: inherit; color: inherit;}
#header a img{ text-decoration:none; border:0;}

/*----
Corps
----*/
#corps { width: 640px; margin: 0; padding: 10px; color: inherit; font-family:Verdana; text-align:left; float:left; inherit:none;}

#corps h1, #corps h2, #corps h3{ display:block; font-weight:bold; }

/*-- Styles génériques --*/
#corps h1 { margin: 0; padding: 0 0 10px 25px;  font-size: 24px; color: #990033; background: url('images/puce_h1.gif') no-repeat 0 8px; }
#corps h1 span{	color:#000000; font-size:12px; font-weight:normal; }
#corps h2 { margin: 0; padding: 0 0 3px 18px;  font-size: 18px; color: #990033; background: url('images/puce_h2.gif') no-repeat 0px 8px; }
#corps h3{ color:#990033; font-size:14px; margin: 0; padding: 5px 0 3px 0;}
#corps p { padding: 5px 0 5px 0; margin: 0 0 0 5px; }
#corps p.texte{ padding: 5px 0 5px 0; margin: 0; }
#corps .clear { clear: both; padding: 0; margin: 0; background-color: inherit; color: inherit;}

/*-- Formulaire --*/
#corps .etape{float:right; font-size:42px; font-weight:bold; color:#990033; padding-left:10px;}

#corps .formulaire { padding: 0; margin: 0; color: inherit; background-color: inherit;}
#corps .formulaire .formradio { width: 255px; height: 55px; margin: 0; padding: 0; color: inherit; background: url('../images/fond_bleu.jpg') repeat-y;}
#corps .formulaire .formradio p { margin: 0; padding: 8px 0 0 0; }


#corps .formulaire #divRelest .choix select{ width:300px; }


#corps .formulaire fieldset { margin: 0; padding: 10px 0 0 0; border: 0;}
#corps .formulaire label { width : 200px; padding: 0; margin: 0;  display : inline; float : left; }
#corps .formulaire input.text_box, #corps .formulaire textarea.text_box{ width: 250px; }
#corps .formulaire select.text_box { width: 254px; }
#corps .formulaire textarea.text_box { font-size: 11px; }
#corps .formulaire fieldset .info { width: 250px; margin: 5px 0 0 0; padding: 0 200px;}
#corps .formulaire sup { color: #990033;}
#corps .formulaire .mention { padding: 5px 0 0 0; margin: 0; color: inherit; background-color: inherit; font-size: 11px; }
#corps .formulaire .mention p { padding: 0; margin: 0; color: inherit; background-color: inherit; }
#corps .formulaire .mention sup { color: #990033; background-color: inherit; font-size: 11px; }
#corps .formulaire .message { margin: 0; padding: 10px; color: inherit; background: url('../images/fond_bleu.jpg') repeat-y;}
#corps .formulaire .message span{color:#990033; }

#corps .formulaire .pagination { margin: 0; padding: 10px 0 0 0; color: inherit; background-color: inherit; }
#corps .formulaire .pagination p { text-align: center; }
#corps .formulaire .pagination p a:link { text-decoration : none; color: #577f08; font-size: 11px; font-family: verdana; font-weight: bold; } 
#corps .formulaire .pagination p a:visited { text-decoration : none; color: #577f08; font-size: 11px; font-family: verdana; font-weight: bold; } 
#corps .formulaire .pagination p a:active { text-decoration : underline; color: #577f08; font-size: 11px; font-family: verdana; font-weight: bold; }
#corps .formulaire .pagination p a:hover { text-decoration : underline; color: #577f08; font-size: 11px; font-family: verdana; font-weight: bold; }

#corps .formulaire .navigation {padding:10px; }
#corps .formulaire .navigation .revenir{float:left; width:auto; padding-right:10px;}
#corps .formulaire .navigation .continuer{float:left; width:auto;}


#corps .formulaire .centre{padding:40px; background:transparent url(../images/fond_bleu.jpg) repeat-y scroll 30px 30px;}
#corps .formulaire .centre p.link{padding-left:15px; background: url('../images/puce.gif') 7px 10px no-repeat; } 
#corps .formulaire .centre p.link a{color:#669900;}

#corps .formulaire .secteur{ width:240px; float:left; padding: 0 0 2px 0; margin:0px;}
#corps .formulaire #multinationale640{ width:190px;}
#corps .formulaire .jobs{ width:310px; float:left; padding: 0 0 0 0; margin:0px;}
#corps .formulaire .secteur500{ width:210px; float:left; padding: 0 0 0 0; margin:0px;}
#corps .formulaire .choix{ width:240px; float:left; padding: 0 0 2px 0; margin:0px;}

#corps .formulaire .avantage1{ width:175px; float:left; padding: 0 0 0 0; margin:0px;}
#corps .formulaire .avantage2{ width:135px; float:left; padding: 0 0 0 0; margin:0px;}
#corps .formulaire .avantage3{ width:160px; float:left; padding: 0 0 0 0; margin:0px;}

#corps .formulaire .choix2{ float:left; padding: 0 0 10px 0; margin:0px;}

/*#corps .formulaire .jobs{ width:330px; float:left; padding-left:10px; padding-bottom:10px;}*/
#corps .formulaire .resultat{ float:left; padding-left:10px; padding-bottom:10px; width:99%;}
#corps .formulaire .resultat .ds{text-align:center; font-size:18px; padding: 5px 0 5px 8px;}

#corps .formulaire span{ color:#990033; font-weight:bold;}

#corps .formulaire #sjbp{font-size:11px; font-family:Verdana; margin:0px; padding:0 0 0 15px; line-height:12px; font-size:11px; }
#corps .formulaire #sjbp #sj{ list-style-type:disc; padding-left:-5px; line-height:14px; display:list-item; font-size:11px;}
#corps .formulaire #sjbp #super{ list-style-type:disc; padding-left:-15px; line-height:14px; display:list-item; list-style-image:url('images/puce01.gif'); color:#113366; line-height:16px; font-size:11px;}
#corps .formulaire #sjbp #sj a{color:#333; text-decoration:none;}



#corps .formulaire #sjbp #super a{color:#113366; text-decoration:none; font-weight:bold; font-size:12px; }
#corps .formulaire #sjbp #sj a:hover, #corps .formulaire #sjbp #super a:hover{color:#333; text-decoration:underline;}
#corps .formulaire .supprimer{float:right; font-weight:bold; font-size:11px; text-align:right;}

#corps .formulaire .texte{padding: 5px 0 8px 10px;} 
#corps .formulaire .texte p.link{padding-left:15px; background: url('../images/puce.gif') 7px 10px no-repeat; } 
#corps .formulaire .texte p.link a{color:#669900;} 

/*--	Css spécifique aux includes des comparateurs	--*/
#comparateur{ width: 480px; margin: 0; padding: 0; color: inherit;  }

#comparateur .visuel p { color:#333; !important; margin: 0; padding: 0 0 0 0;}
#comparateur .visuel { margin: 0; padding: 0;}
#comparateur .visuel a { text-decoration: none !important;}
#comparateur .visuel .cadre { float: left; margin: 0; padding: 0; }

#comparateur .visuel .cadre .bloc1 { cursor: pointer; float: left; height: 202px; width: 240px; background: url('images/comparateur_dirigeant.jpg') 0 0 no-repeat; }
#comparateur .visuel .cadre a:hover .bloc1 p{ text-decoration:underline; } 
#comparateur .visuel a:hover .bloc1{ background-position: -240px 0; color: inherit; } 

#comparateur .visuel .cadre .bloc2 { cursor: pointer; float: left; height: 202px; width: 240px; background: url('images/comparateur_ingenieur.jpg') 0 0 no-repeat; }
#comparateur .visuel .cadre a:hover .bloc2 p{ text-decoration:underline; } 
#comparateur .visuel a:hover .bloc2{ background-position: -240px 0; color: inherit; } 

#comparateur .visuel .cadre .bloc3 { cursor: pointer; float: left; height: 202px; width: 240px; background: url('images/comparateur_maitrise.jpg') 0 0 no-repeat; }
#comparateur .visuel .cadre a:hover .bloc3 p{ text-decoration:underline; } 
#comparateur .visuel a:hover .bloc3{ background-position: -240px 0; color: inherit; } 

#comparateur .visuel .cadre .bloc4 { cursor: pointer; float: left; height: 202px; width: 240px; background: url('images/comparateur_ouvrier.jpg') 0 0 no-repeat; }
#comparateur .visuel .cadre a:hover .bloc4 p{ text-decoration:underline; } 
#comparateur .visuel a:hover .bloc4 { background-position: -240px 0; color: inherit; }

#comparateur .visuel .cadre a .bloc1 p{ margin:0; padding: 165px 0 0 10px; height: 37px; width: 230px; font-size: 18px; color:#990033; !important;}
#comparateur .visuel .cadre a .bloc2 p{ margin:0; padding: 165px 0 0 10px; height: 37px; width: 230px; font-size: 18px; color:#990033; !important;}
#comparateur .visuel .cadre a .bloc3 p{ margin:0; padding: 165px 0 0 10px; height: 37px; width: 230px; font-size: 18px; color:#990033; !important;}
#comparateur .visuel .cadre a .bloc4 p{ margin:0; padding: 165px 0 0 10px; height: 37px; width: 230px; font-size: 18px; color:#990033; !important;}

#footer{ display:block; width: 620px; margin: 0px; padding: 0 0 0 10px;	background-color: inherit; color: inherit; text-align:left; float:left }

#footer .top { height: 7px; margin: 0px; padding: 0px; background: url('images/footer_top_640.gif') no-repeat; }
#footer .middle { margin: 0px; padding: 0px; background: url('images/footer_middle_640.gif') repeat-y; }
#footer .bottom { height: 12px; margin: 0px; padding: 0px; background: url('images/footer_bottom_640.gif') no-repeat; }
#footer .middle p { margin: 0px; padding: 0px; text-align: center; color: inherit; background-color: inherit;  }
#footer .middle p a:link { text-decoration : none; color: #333; font-size: 11px; } 
#footer .middle p a:visited { text-decoration : none; color: #333; font-size: 11px;} 
#footer .middle p a:active { text-decoration : underline; color: #333; font-size: 11px;}
#footer .middle p a:hover { text-decoration : underline; color: #333; font-size: 11px; }
#footer .clear { clear: both; padding: 0px; margin: 0px; background-color: inherit; color: inherit;}