/** CSS DU FRONT **/




/*** FIXE IE 6 PNG 24 bit ***/
* html img,
* html .png{
  behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
  this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
  this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
  );
}


/* *************************************************************************************************** 
 *  RESET CSS  by Eric Meyer 
 *    http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 *
/* ***************************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1,5;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* *************************************************************************************************** */




body{
  font-family: Arial;
  font-size: 13px;
  color: #fff;
  background: #062140;
}

a{
  color: #fff;
}

p{
  margin: 10px 0 10px 0;
}

#mainContent{
  width: 1000px;  
  margin: 0px auto;
  position: relative;
}

#mainContent #content{
  border: 1px solid #fff;
}


#mainContent.home #content{
  height: 610px;
}

#mainContent #content #col1{
  background: #042a51 url(images/baseline-home.gif) no-repeat top left;
  color: #fff;
  height: 294px;
  padding-top: 150px;  
  width: 282px;
  float: left;
}

#mainContent #content #col1 #scrollDiv{
 height: 290px;
 overflow: auto; 
 margin: 0px 10px 5px 5px;
}
#mainContent #content #col1 #scrollDiv p{
  padding-left: 17px;
  padding-right:  15px;
}
#mainContent #content #col2{
  float: left;
  width: 716px;
  font-size: 0px;
}


#mainContent #content #col2 #discipline{
  background: #4C8DB4 url(images/home-discipline-gb.gif) no-repeat;
  height: 70px;
  _height: 71px;
  font-weight: bold;
  font-size: 12px;
  padding-left: 10px;
}

#mainContent #content #col2 #discipline .titre{ 
  display: block;  
}

#mainContent #content #col2 #discipline .liste{
  width: 490px;
  margin-top: 2px;
  _margin-top: -18px;
  display: block;
  font-size: 12px;
  line-height: 12px;
}
#mainContent #content #col2 #discipline .liste a{
  text-decoration: none;
}
#mainContent #content #col2 #discipline select{
  float: right;
  margin: 7px;
  width: 200px;
}


#mainContent #footer a{
  color: #a5d4e6;
  text-decoration: none;
  font-size: 10px;
}



/* ************************************** HEADER ***************************** */



#mainContent #content #header{
  height: 101px;
}

#mainContent #content #menu{
  font-size: 13px;
  font-weight: bold;
}

#mainContent #content #menu #menuCache{ 
  position: absolute;  
  top: 102px;
  left: 1px;
  width: 197px;
  height: 42px;
  cursor: pointer;  
}
#mainContent #content #menu #menuCache a{ 
  background: none;
  padding: 0px;
  background: url(images/home-cache-menu.png);
}

#mainContent #content #menu #menuFirst{
  display: block;
  height: 19px;
  line-height: 19px;
  background: #dc5b10;
  text-align:center;
  border-top: 1px solid #fff;
  margin-left: 173px;
}

#mainContent #content #menu #menuFirst.hl{
  background: #A32044;
}

#mainContent #content #menu ul{
  height: 20px;
  line-height: 20px;
  margin-left: 173px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;  
  background: #93117D;
}

#mainContent #content #menu ul li{
  width: 274px;
  float: left;
  display: block;
  text-align:center;
  border-right: 1px solid #fff;
}

#mainContent #content #menu ul li.last{
  border-right: none;
  width: 275px;
}

#mainContent #content #menu a{
  color: #fff;
  text-decoration: none;
  background: url(images/fleche-droite.gif) no-repeat left center;
  padding-left: 15px;
}

#mainContent #content #menu a:hover{
  background: url(images/fleche-bas.gif) no-repeat left center;
}

#mainContent #content #menu ul li.hl{
  background: #360972;
}
#mainContent #content #menu ul li.hl a{
  background: url(images/fleche-bas.gif) no-repeat left center;
}


/** le menu de gauche **/

#mainContent #leftMenu .navig{
	background: transparent url(images/bt_nav_obligations.png) no-repeat top left;
	height: 30px;
	color: #fff;
	padding-left: 8px;
	line-height: 30px;
	font-weight: bold;
}

#mainContent #leftMenu .navig a{
	text-decoration: none;
	position: relative;
}

#mainContent #leftMenu .navig2{	
	height: 30px;
	color: #fff;
	padding-left: 15px;
	line-height: 30px;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(images/bt_nav_obligations2.png) no-repeat top left;
	margin-top: 20px;
}

#mainContent #leftMenu .navig2 a{
	text-decoration: none;
}

#mainContent #leftMenu .navig2.last{
  margin-top: -1px;
}




/** les themes de couleurs **/

#mainContent.theme1 #content #header{
  background: url(images/header-orange.jpg) no-repeat left center;
}
#mainContent.theme1 #content #menu #menuCache{ 
  background: url(images/header-accueil.png);
}


#mainContent.theme2 #content #header{
  background: url(images/header-bleu.jpg) no-repeat left center;
}
#mainContent.theme2 #content #menu #menuCache{ 
  background: url(images/header-accueil-theme2.png);
}


#mainContent.theme3 #content #header{
  background: url(images/header-violet.jpg) no-repeat left center;
}
#mainContent.theme3 #content #menu #menuCache{ 
  background: url(images/header-accueil-theme3.png);
}
#mainContent.theme3 #leftMenu .navig{	
  background: transparent url(images/bt_nav_services.png) no-repeat top left;
}


/** special obligations **/

#mainContent.obligations #content #menu #menuFirst a{
  background: url(images/fleche-bas.gif) no-repeat left center;
}

#mainContent.obligations #content #contenu{
  background: transparent url(images/fond_obligations.jpg) no-repeat top left;
  width: 1000px;
  overflow: hidden;
  _height: 1%;
  }

#mainContent.obligations #content #contenu #col11{
  color: #fff;
  height: 294px;
  padding-top: 190px;  
  width: 245px;
  float: left;
}


#mainContent.obligations #content #col2{
  float: left;
  width: 215px;
  color: #a32044;
  padding-right: 20px;
  font-size: 13px;
  font-weight: bold;
  text-align: right;
}

#mainContent.obligations #content #col3{
  float: left;
  width: 480px;
  margin-top: 40px;
}

#mainContent.obligations #content #blocQuestions li{
  width: 410px;
  height: 71px;
  color: #fff;
  background: #e39325 url(images/interrogation.gif) no-repeat top left;
  border: #fff 1px solid;
  border-bottom: 0;
  padding: 9px 9px 0px 62px;
  font-weight: bold;
}

#mainContent.obligations #content #blocQuestions li.last{
  border: #fff 1px solid;
}


	
/** special solutions **/

#mainContent.prevoyance #content #contenu{
  background: #1583c6 url(images/fond_prevoyance.jpg) no-repeat top left;
  width: 998px;
  overflow: hidden;
  _height: 1%;
  }

#mainContent.prevoyance #content #contenu #col11{
  color: #fff;
  height: 294px;
  padding-top: 190px;  
  width: 245px;
  float: left;
}


#mainContent.prevoyance #content #contenu #col11 #visuel2 {
  margin-top: 150px;
}

#mainContent.prevoyance #content #col2{
  float: left;
  width: 733px;
  color: #fff;
  padding-right: 20px;
  padding-top: 50px;
  font-size: 13px;
  font-weight: bold;
}

#mainContent.prevoyance #content #col2 a{
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
}

#mainContent.prevoyance #content #col2 #paragraphe1 {
  float: left;
  width: 280px;
  color: #fff;
  padding-right: 20px;
}

#mainContent.prevoyance #content #col2 #paragraphe2 {
  float: left;
  width: 280px;
  color: #fff;
  padding-right: 20px;
}

#mainContent.prevoyance #content #col2 #paragraphe3 {
  float: left;
  width: 550px;
  color: #fff;
  padding-right: 20px;
}

#mainContent.prevoyance #content #col2 #paragraphe4 {
  float: left;
  width: 162px;
}

#mainContent.prevoyance #content #col2 #paragraphe5 {
  float: left;
  width: 540px;
}


#mainContent.prevoyance #content #visuel4 {
  margin-top: 70px;
}

#mainContent.prevoyance table td, #mainContent.prevoyance table th {
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
	}

.bleu_fonce {
	background-color: #003f8a;
	color:#FFF;
	border: #fff 1px solid;
	text-align: center;
}

.bleu {
	background-color: #0094d8;
	border: #003f8a 1px solid;
	color:#FFF;
}

.bleu2 {
	background-color: #0094d8;
	border: #003f8a 1px solid;
	color:#FFF;
	text-align: center;
}

.bleu_clair {
	background-color: #bcdff3;
	color:#000;
	border: #003f8a 1px solid;
}

.bleu_clair2 {
	background-color: #bcdff3;
	color:#000;
	border: #003f8a 1px solid;
	text-align: center;
}

.blanc {
	background-color: #fff;
	color:#000;
	border: #003f8a 1px solid;
}

.blanc2 {
	background-color: #fff;
	color:#000;
	border: #003f8a 1px solid;
	text-align: center;
}

#mainContent.prevoyance .legende {
	font-size: 10px;
}

#mainContent.prevoyance .jaune {
	color: #fee0a9;
}


/** special services **/

#mainContent.services #content #contenu{
  background: #502078 url(images/fond_services.jpg) no-repeat top left;
  width: 998px;
  overflow: hidden;
  _height: 1%;
  }

#mainContent.services #content #contenu #col11{
  color: #fff;
  height: 294px;
  padding-top: 190px;  
  width: 245px;
  float: left;
}


#mainContent.services #content #col2{
  float: left;
  width: 730px;
  color: #fff;
  padding-right: 20px;
  padding-top: 50px;
  font-size: 12px;
}

#mainContent.services #content #col2 a{
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}

#mainContent.services h1 {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 0px;
}

#mainContent.services .titre {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  background-color: #c2348c;
  padding: 3px;
}

#mainContent.services h2 {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
}

#mainContent.services #content #contenu #col11 #visuel2 {
  margin-top: 100px;
}



/** special salarie **/

#mainContent.salarie #content #contenu{
  background: transparent url(images/fond_salarie.jpg) no-repeat top left;
  width: 1000px;
  overflow: hidden;
  _height: 1%;
  }

#mainContent.salarie #content #contenu #col11{
  color: #fff;
  height: 240px;
  padding-top: 190px;  
  width: 245px;
  float: left;
}


#mainContent.salarie #content #col2{
  float: left;
  width: 505px;
  color: #360972;
  font-weight: bold;
  padding: 105px 150px 0px 100px;
  font-size: 13px;
}


/** special employeurs **/

#mainContent.employeur #content #contenu{
  background: transparent url(images/fond_obligations.jpg) no-repeat top left;
  width: 1000px;
  overflow: hidden;
  _height: 1%;
  }
  
#mainContent.employeur #content #col2{
  float: left;
  width: 505px;
  color: #360972;
  font-weight: bold;
  padding: 55px 150px 0px 100px;
  font-size: 13px;
}



/** special plus **/

#mainContent.plus #content #contenu{
  background: transparent url(images/fond_plus.jpg) no-repeat top left;
  width: 1000px;
  overflow: hidden;
  _height: 1%;
  }
  
#mainContent.plus #content #col2{
  float: left;
  width: 505px;
  color: #360972;
  font-weight: bold;
  padding: 15px 150px 0px 100px;
  font-size: 13px;
}

/** special home **/

#mainContent.home #content #header{
  height: 121px;
}
#mainContent.home #content #menu #menuCache{ 
  top: 122px;
  width: 306px;
  height: 45px;
  background: url(images/home-cache-menu.png);
}
#mainContent.home #content #menu #menuFirst{
  margin-left: 282px;
}
#mainContent.home #content #menu ul{
  margin-left: 282px;
}
#mainContent.home #content #menu ul{
  height: 23px;
  line-height: 23px;
}
#mainContent.home #content #menu ul li{
  width: 238px;
}
#mainContent.home select{
  border: none;
}


/****** les popup ********/



.popup{
  background: #1583c6 url(images/bg-popup.jpg) no-repeat;
  width: 700px; 
  overflow: auto;
  font-family:Arial, Verdana, "Times New Roman";
}

.popup .title{
  padding-top: 25px;
  padding-left: 50px;
  border-bottom: 1px solid #fff;  
}

.popup .subtitle{
  padding-left: 50px;
}

.popup #popUpfooter{
  background: url(images/bg-footer-popup.gif);
  height: 30px;
}


.popup fieldset.type1{
  clear: both;
  margin-left: 110px;
  margin-right: 50px;
}
.popup fieldset.type1 label{
  width: 20%;
}


.popup fieldset.type2{
  float: left;
  width: 45%;
  margin-left: 15px;
  _display: inline; /* IE 6 fixe : double margin width float block */ 
}
.popup fieldset.type2 label{
  font-weight: normal;
}


.popup textarea{
  width: 368px;
  height: 80px;
}

.popup h2{
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #fff;
  margin-top: 15px;
  margin-bottom: 20px;
  clear: both;
}

.popup h2, .popup p{
  margin-left: 15px;
  margin-right: 15px;
}

/**** style propre a souscrire.php ***/
#souscrire #blocLegislation{
  font-size: 11px;
}
#souscrire .type1{
  margin-left: 80px;
}
#souscrire .type1 label{
  width: 50%;
  font-weight: normal;
}
#souscrire .type1 p{
  margin: 0px;
}

#souscrire #effectif{
  clear: both;
} 
#souscrire #effectif td.col2{
  padding-left: 10px;
}
#souscrire #effectif label{
   width: 70%;
}
#souscrire #effectif input{
  width: 70px;
  float: none;
}
#souscrire #effectif input.checkbox{
  width: 20px;
}


#souscrire #liste{
  margin: 0px auto;
  width: 95px;
}

#souscrire #liste input{
  width: 70px;
  border: none;
}
#souscrire #liste th{
  background: #861073;
  border: 1px solid #fff;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  border-bottom: 1px solid #244f8e;
}
#souscrire #liste tr td{
  border: 1px solid #244f8e;
  background: #fff;
  text-align: center;
  width: 75px;
} 
#souscrire #liste tr .first{
  width: 150px;
}
#souscrire #liste tr .first input{
  width: 145px;
}
#souscrire #liste tr.firstRow td{
  border-top: none;
}

/**** les formulaires , style de base *****/

input, textarea, select{
  border: 1px solid #93117D;
  margin: 1px;
  width: 190px;
  padding: 2px;
}

input.radio, input.checkbox{
  border: none;
  width: 20px;
  float: none;
}

input.question {
	width: 420px;
}

form fieldset{
  margin-bottom: 20px;
}
form fieldset div.fieldrow{
  overflow: hidden;
  _height: 1%;
  margin-bottom: 3px;
}
form fieldset label{
  font-weight: bold;
  width: 30%;
  display: block;
  float: left;
}

form fieldset input{
  float: left;
}

form fieldset .validation-advice{
  background: url(images/important.gif) no-repeat;
  height: 16px;
  width: 16px;
  text-indent: -999em;
  margin-left: 5px;
  margin-top: 5px;
  float: left;
  font-size: 9px;
}


form .submit{
  text-align: center;  
}

/****** popup proquid ************/

/*#popup.theme2 {
  background: url(images/fond_proquid.jpg) no-repeat top left;
}*/

.popup #exclusif {
	background: url(images/logo_proquid.png) no-repeat top left;
	width: 679px;
	height: 140px;
	margin-left: 20px;
	margin-top: 6px;
}

.popup #exclusif h1 {
	padding-left: 330px;
	padding-top: 80px;
	font-size: 15px;
	font-weight: bold;
	color: #f8b200;
}

.popup .title2 {
  padding-left: 50px;
  padding-top: 20px;
  padding-bottom: 20px; 
}

.popup #intro_quid {
	width: 540px;
  padding-left: 110px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 13px;
  font-weight: bold;
}

.popup #quid {
	width: 540px;
	padding-left: 110px;
	padding-bottom: 20px;
	font-size: 13px;
	font-weight: bold;
}


.popup #invitation {
	float: left;
	margin-left: 450px;
	margin-top: -90px;
	font-weight: bold;
}

.popup #envoyer {
	margin-left: 280px;
	width: 100px;
	height: 80px;
}

.popup .legende {
	font-size: 9px;
	padding-left: 100px;
}

.popup input.btnSend{
  background: url(images/bt_envoyer.gif);
  width: 139px;
  height: 27px;
  border: none;
  cursor: pointer;
}