/*-------------------------------------------------------------------------------
 * STYLE
-------------------------------------------------------------------------------*/


/*---------------------------
 * BODY
-----------------------------*/

body { background: #f5f5f5; color: #000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

p { margin: 0 0 0 0; }

h1 {  }
h2 {  }
h3 {  }
h4 {  }
h5 {  }
h6 {  }


ol { margin-bottom: 20px; }
ol li { list-style-type: decimal; margin-left: 40px; margin-bottom: 2px; }
ul { margin-bottom: 10px;}
ul li { list-style-type: disc; margin-left: 14px; margin-bottom: 2px; }

a { outline: none; }
a:link, a:visited { color: #FFF; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: 0; }



/*---------------------------
 * GABARIT
-----------------------------*/

/* page */
#page {	background: url(../img/bg.jpg) no-repeat; width: 971px;  margin: 0 auto; padding: 0 46px 0 34px; }

/* header */
#header { background: #f5f5f5; height: 100px; padding: 10px; }
#header .wrap { background: url(../img/header-bg.gif); height: 90px; position: relative; }
#header .wrap .logo { width: 165px; height: 90px; }
#header .wrap .baseline { width: 280px; height: 20px; position: absolute; top: 11px; left: 200px; }

#header .wrap .acces { position: absolute; top: 10px; left: 500px; }
#header .wrap .acces ul { margin: 0; padding: 0; }
#header .wrap .acces ul li { list-style-type: none; padding-left: 10px; }
#header .wrap .acces ul li.blue1 { background: url(../img/blue1.gif) no-repeat 0 6px; }
#header .wrap .acces ul li.blue1 a { color: #00ADEF; font-size: 10px; text-decoration: none; }
#header .wrap .acces ul li.blue2 { background: url(../img/blue2.gif) no-repeat 0 6px; }
#header .wrap .acces ul li.blue2 a { color: #003c68; font-size: 10px; text-decoration: none; }
#header .wrap .acces ul li.blue2 a:hover, #header .wrap .acces ul li.blue1 a:hover { text-decoration: underline; }
#header .wrap .postuler { position: absolute; right: 8px; top: 12px; }

/* nav */
#header .wrap #nav { background: url(../img/nav_bg.gif) no-repeat 0 16px; position: absolute; right: 0; bottom: 0; width: 620px; height: 30px; padding-top: 10px; }
#header .wrap #nav ul { position: relative; z-index: 100; }
#header .wrap #nav ul li { display: inline; position: absolute; }
#header .wrap #nav ul li a { display: block;  }

#header .wrap #nav ul li.item1 {  left: -15px; }
#header .wrap #nav ul li.item2 { left: 45px; }
#header .wrap #nav ul li.item3 { left: 157px; }
#header .wrap #nav ul li.item4 { left: 352px; }
#header .wrap #nav ul li.item5 { left: 445px; }

#header .wrap #nav ul li.item1 a { background: url(../img/item1_off.gif) no-repeat 20px 0; width: 63px; height: 20px; }
#header .wrap #nav ul li.item1 a.select, 
#header .wrap #nav ul li.item1 a:hover { background: url(../img/item1_on.gif) no-repeat 20px 0; }
#header .wrap #nav ul li.item2 a { background: url(../img/item2_off.gif) no-repeat 20px 0; width: 110px; height: 20px; }
#header .wrap #nav ul li.item2 a.select, 
#header .wrap #nav ul li.item2 a:hover { background: url(../img/item2_on.gif) no-repeat 20px 0; }
#header .wrap #nav ul li.item3 a { background: url(../img/item3_off.gif) no-repeat 20px 0; width: 194px; height: 20px; }
#header .wrap #nav ul li.item3 a.select, 
#header .wrap #nav ul li.item3 a:hover { background: url(../img/item3_on.gif) no-repeat 20px 0; }
#header .wrap #nav ul li.item4 a { background: url(../img/item4_off.gif) no-repeat 20px 0; width: 93px; height: 20px; }
#header .wrap #nav ul li.item4 a.select, 
#header .wrap #nav ul li.item4 a:hover { background: url(../img/item4_on.gif) no-repeat 20px 0; }
#header .wrap #nav ul li.item5 a { background: url(../img/item5_off.gif) no-repeat 20px 0; width: 149px; height: 20px; }
#header .wrap #nav ul li.item5 a.select, 
#header .wrap #nav ul li.item5 a:hover { background: url(../img/item5_on.gif) no-repeat 20px 0; }

#header .wrap #nav #jauge { position: absolute; bottom: 10px; left: 1px; background: #00adef; height: 5px; z-index: 90; font-size: 1% }
#header .wrap #nav .dim1 { width: 62px; }
#header .wrap #nav .dim2 { width: 172px; }
#header .wrap #nav .dim3 { width: 366px; }
#header .wrap #nav .dim4 { width: 459px; }
#header .wrap #nav .dim5 { width: 610px; }

#header .wrap #nav #curseur { background: url(../img/blue3.gif) no-repeat 0 0; position: absolute; bottom: 2px; width: 10px; height: 6px; }
#header .wrap #nav .pos1 { left: 58px; }
#header .wrap #nav .pos2 { left: 168px; }
#header .wrap #nav .pos3 { left: 362px; }
#header .wrap #nav .pos4 { left: 457px; }
#header .wrap #nav .pos5 { left: 606px; }

/* contenu */
#contenu {  }
#contenu_intro { background: #f5f5f5 url(../img/visuel_intro.jpg) no-repeat left bottom; width: 971px; }
#flashcontent {  }

#col-gauche { background: #f5f5f5; float: left; width: 600px;  height: 564px; position: relative;}
#col-gauche .postuler { position: absolute; top: -20px; left: 0; }
#col-gauche-neutre {  float: left; width: 600px; height: 564px; position: relative;}
#col-gauche-neutre .postuler { position: absolute; top: -20px; left: 0; }
#col-droite { background: #f5f5f5; float: left; width: 371px;  height: 564px; }
#col-droite-neutre { float: left; width: 371px;  height: 564px; }
#col-unique {
	background: #f5f5f5;
	width: 971px;
	height: 560px;
	background-image: url(../img/fond_mentions.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	
}
#col-unique  h1{
	color: #003B69;
	font-size: 22px;
	padding-left: 30px;
	
}
#bluebox_center { width: 690px; padding-left: 130px; padding-top: 50px; }
#bluebox_center #bluebox_center-content { color: white; padding-left: 25px; padding-top: 0px; padding-right: 25px;  background: url(../img/bluebox_c_center.gif) repeat-y;}
#bluebox_center #bluebox_center-header { background: url(../img/bluebox_center_top.gif) no-repeat; height: 60px;color: white; padding-left: 25px; padding-right: 25px;}
#bluebox_center #bluebox_center-bottom { background: url(../img/bluebox_c_center.gif) repeat-y; }
#bluebox_center #bluebox_center-bas { background: url(../img/bluebox_center_bottom.gif) no-repeat; height: 60px;color: white; padding-left: 15px; }



#bluebox { width: 306px; color: white;    }
#bluebox #bluebox-content { color: white; padding: 5px 15px 0 15px; background: url(../img/bluebox_center.gif) repeat-y; }
#bluebox #bluebox-header { background: url(../img/bluebox_top.gif) repeat-y; height: 60px; color: white; }
#bluebox #bluebox-bottom { background: url(../img/bluebox_center.gif) repeat-y; }
#bluebox #bluebox-bas { background: url(../img/bluebox_bottom_t.gif) no-repeat; height: 20px;color: white; padding-left: 15px; }
#bluebox h1 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 18px;
	line-height: 44px;
	color: white;
	text-align: left;
	padding: 2px 0 0 20px;
}
#bluebox h2 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 36px;
	line-height: 36px;
	color: #003B69;
	text-align: left;
	margin-top: -10px;
}
#bluebox h3 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 13px;
	color: #003B69;
	text-align: left;
}
#bluebox h4 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	color: #003B69;
	text-align: left;
}

#bluebox_center { width: 690px; padding-left: 130px; padding-top: 50px; }
#bluebox_center #bluebox_center-content { color: white; padding-left: 25px; padding-top: 0px; padding-right: 25px;  background: url(../img/bluebox_c_center.gif) repeat-y;}
#bluebox_center #bluebox_center-header { background: url(../img/bluebox_center_top.gif) no-repeat; height: 60px;color: white; padding-left: 25px; padding-right: 25px;}
#bluebox_center #bluebox_center-bottom { background: url(../img/bluebox_c_center.gif) repeat-y; }
#bluebox_center #bluebox_center-bas { background: url(../img/bluebox_center_bottom.gif) no-repeat; height: 60px;color: white; padding-left: 15px; }
/* footer */
#footer { background: url(../img/footer.jpg) no-repeat; width: 1050px; height: 50px; margin: 0 auto; color: #003c68; padding-top: 10px; }
#footer a { color: #003c68; text-decoration: none; font-size: 10px; padding: 0 10px; border-right: solid 1px #003c68; }
#footer a:hover { color: #003c68; text-decoration: underline; }
#footer a.last { border-right: none; }
#footer ul { width: 500px; margin: 0 auto; }
#footer ul li { display: inline; }
#footer ul li a { display: block; float: left; }



/*---------------------------
 * TABLE
-----------------------------

caption { text-align: left; }
table { margin: 0 0 15px 0; }
table thead { text-align: left; }
table thead tr { background: #6caa00; color: #fff; font-weight: bold; }
table thead th, table thead td { padding: 5px; }
table tfoot { text-align: center; }
table tfoot tr { background: #6caa00; color: #fff; }
table tfoot th, table tfoot td { padding: 5px; font-weight: normal; }
table tbody th, table tbody td { text-align: left; padding: 5px; }
table tbody tr.pair { background: #ebebeb; }
table tbody tr:hover { background: #d9d9d9; }*/



/*---------------------------
 * FORMULAIRE
-----------------------------*/

fieldset { padding: 10px; border: solid 4px #6caa00; margin-bottom: 15px; }
legend { color: #6caa00; font-weight: bold; padding: 0 10px;  }
form {  }
input, select, textarea, button { font-size: 13px; }
select {  }
option {  }
input {  }
textarea {  }
button {  }

label { display: block; margin-top: 15px; margin-bottom: 2px; }



/*---------------------------
 * CLASS
-----------------------------*/

.clear { clear: both; }
.img_previous {
	padding-right: 10px;
}
.txt_form {
	font-size: 11px;
}
.titre_form {
	font-size: 13px;
}
.table {
	line-height: 25px;	
}
.table2 {
	line-height: 20px;	
}
.txt_bleu {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	color: #003B69;
	text-align: left;
}
.txt_source {
	font-size: 11px;
}

#bluebox-content .lien_bleu {
	color: #003B67;
	font-weight: bold;
	text-decoration: none;
}

/*
div#connexion { width: 300px; background: #FFFFFF; border: 1px solid #BBBBBB; padding: 8px; }
div#faireconnaitre { width: 546px; background: #FFFFFF; border: 1px solid #BBBBBB; padding: 8px; z-index: 105; }
div#connexion fieldset, div#faireconnaitre fieldset { border: 0px; margin: 0px 0px 12px 0px; padding: 0px; }
div#connexion fieldset div { clear: both; padding-top: 4px; }
div#connexion fieldset div label { display: block; float: left; width: 120px; height: 16px; margin: 0px; padding: 4px 0px 0px 0px; font-size: 11px; color: #888888; }
div#connexion fieldset div input.texte { float: left; display: block; width: 170px; height: 16px; border: 1px solid #666666; font-family: arial, helvetica, sans-serif; font-size: 11px; }
div#connexion div.envoi { padding: 4px 0px 0px 120px; }
div#faireconnaitre fieldset div.gauche { float: left; height: 40px; width: 186px; }
div#faireconnaitre fieldset div.droite { float: left; height: 40px; width: 174px; }
div#faireconnaitre fieldset div label { margin: 0px; padding: 0px; font-size: 11px; color: #888888; }
div#faireconnaitre fieldset div.gauche input.texte, div#faireconnaitre fieldset div.droite input.texte { width: 172px; height: 16px; border: 1px solid #000000; font-family: arial, helvetica, sans-serif; font-size: 11px; }
*/
p.erreur { font-size: 11px; color: #e6e6e4; font-weight: bold; margin-bottom: 12px; }
/*
div#connexion fieldset legend, div#faireconnaitre fieldset legend { color: #000000; margin: 0px 0px 8px 0px; padding: 0px; }
div#faireconnaitre div.envoi { text-align: right; padding: 0px; }
div#connexion div.envoi { text-align: right; padding: 0px; }
*/

div.login_haut { width: 329px; height: 60px; background-image: url(../images/login_haut.gif); }
div.vous_haut { width: 329px; height: 60px; background-image: url(../images/viral_vous_haut.gif); }
div.vous_centre { background-color: #00adee; width: 329px; }
div.vous_bas { width: 329px; height: 21px; background-image: url(../images/viral_vous_bas.gif); }

div.proches_haut { width: 523px; height: 60px; background-image: url(../images/viral_proches_haut.gif); }
div.proches_inter { clear: both; width: 523px; height: 18px; background-image: url(../images/viral_proches_inter.gif); }
div.proches_contenu { background-color: #00adee; width: 523px; }
div.proches_bas { width: 523px; height: 21px; background-image: url(../images/viral_proches_bas.gif); }

form td {
  vertical-align: baseline;
}

form td label {
  line-height: 16px;
}

div#faireconnaitre {
  padding-left: 30px;
}

div#connexion {
  margin: 0px auto;
  width: 300px;
}


div#connexion fieldset,
div#faireconnaitre fieldset {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

div#faireconnaitre fieldset.vous {
  float: left;
  width: 385px;
}

div#connexion div.vous_centre div,
div#faireconnaitre div.vous_centre div {
  clear: both;
  padding-left: 40px;
  padding-top: 2px;
}

div#connexion label,
div#faireconnaitre label {
  margin: 0px;
  padding: 2px 0px 0px 0px;
  float: left;
  color: #FFFFFF;
  width: 100px;
}

div#connexion fieldset input.texte  { width: 140px; height: 16px; border: 1px solid #000000; font-family: arial, helvetica, sans-serif; font-size: 11px; }
div#faireconnaitre fieldset input.texte  { width: 140px; height: 16px; border: 1px solid #000000; font-family: arial, helvetica, sans-serif; font-size: 11px; }
div#faireconnaitre fieldset textarea { border: 1px solid #000000; font-family: arial, helvetica, sans-serif; font-size: 11px; width: 180px; }

div#faireconnaitre div.proches_contenu div.gauche {
  padding-left: 40px;
  float: left;
}

div#faireconnaitre div.proches_contenu div.droite {
  padding-left: 24px;
  float: left;
}

div#faireconnaitre div.proches_contenu div div {
  clear: both;
  padding-top: 2px;
}

div#faireconnaitre div.proches_contenu div.droite label {
  float: none;
}


.toggler { cursor: pointer; text-decoration: underline; }
.toggled { display: none; }