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

body#home {
	-moz-box-sizing: border-box;
	box-sizing: padding-box;
	padding: 0;
	text-align:center;
	border:0;
	margin: 0;
	font-family: verdana;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: 500;
	line-height: 18px;
	background-image: url(../images/deco/background_nuages.jpg);
	background-repeat: repeat;
	background-color: #010191;
}

body {
	-moz-box-sizing: border-box;
	box-sizing: padding-box;
	padding: 0;
	text-align:center;
	border:0;
	margin: 0;
	font-family: verdana;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: 500;
	line-height: 16px;
	background-image: url(../images/deco/background_nuages.jpg);
	background-repeat: repeat;
}

a{
	color: #FEDF07;

}
a:hover{
	color: #9B9BFF;
	text-decoration: none;

}

/*------------------------------------------------------*
  *-----------------------------------     CSS DIV     ----*
  *------------------------------------------------------*/
  
#global{
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color: #3394FF;
}



#haut{
	-moz-box-sizing: border-box;
	box-sizing: padding-box;
	width: 800px;
	height: 250px;
	text-align: center;
	background-image: url(../images/deco/fondflash.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
	

#menu{
	padding-left: 20px;
	padding-top: 8px;
	background-color: #FFE007;
	font-size: 14px;
	padding-bottom: 7px;

	}
#menu2{
	display: inline-table;
	width: auto;

	}		

	
#centre{
	float:left;
	padding-top: 25px;
	width: 750px;
	padding:0px 35px 10px 35px;
	text-align: justify;
	line-height:16px;

	}
	


#bas{
	-moz-box-sizing: border-box;
	box-sizing: padding-box;
	clear:both;
	padding-top: 8px;
	height: 60px;
	text-align: center;
	background-position: left top;
	background-image: url(../images/deco/bas.gif);
	background-repeat: no-repeat;
	background-color: #3394FF;
	}

#bas a {
	color: #003399;
	text-decoration: none;
}

#bas a:hover {
	color: #333333;
}	

 /*------------------------------------------------------*
  *-----------------------------------     CSS TEXT     ----*
  *------------------------------------------------------*/

h1
{
	color:#FFFFFF;
	font-family: verdana;
	font-size: 11px;
	font-weight:bold;
	text-transform: uppercase;
}



.highlight
{
	font-family: verdana;
	font-size: 10px;
	color: #FEDF07;
	font-weight: bold;
}
.highlight-bas
{
	font-family: verdana;
	font-size: 12px;
	color: #003399;
	font-weight: bold;
}

.pied
{
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
}


li {
	list-style-image: url(../images/deco/puce.gif);
}

 /*------------------------------------------------------*
  *-----------------------------------     CSS MENU     ----*
  *------------------------------------------------------*/


body#a a#a, body#b a#b, body#c a#c, body#d a#d, body#e a#e{
	color: #FFFFFF;
	background-color: #0066CC;
	padding: 8px 18px 8px 18px;
   }
   
	 
a.menu{
	text-decoration: none;
	display:inline-table;
	font-family: verdana;
	color:#010191;
	background-repeat: no-repeat;
	font-weight: bold;
	padding: 0 14px 0 14px;
	}


a.menu:hover{
	color: #FFFFFF;
	background-color: #010191;
	padding: 8px 14px 8px 14px;
}



   
.preload {display:none;}

 /*------------------------------------------------------*
  *-----------------------------------     CSS LIEN     ----*
  *------------------------------------------------------*/


a.menu2{
	font-family: verdana;
	font-size: 12px;
	text-decoration: none;
	color: #000066;
	}

a.menu2:hover{
	color: #0066CC;
	width: 200px;
	height: 20px;
	display: inline-table;
}

a.lien{
	font-family: verdana;
	font-size: 10px;
	text-decoration: underline;
	color: #FEDF07;
	}

a.lien:hover{
	text-decoration: underline overline;
}



a.lien_plan{
	font-family: verdana;
	font-size: 10px;
	text-decoration: underline;
	color: #FEDF07;
	}

a.lien_plan:hover{
	text-decoration: underline overline;
}



#cadre {
	-moz-box-sizing: border-box;
	box-sizing: padding-box;
	BACKGROUND-POSITION: left top;
	BACKGROUND-REPEAT: repeat-y;
	padding-top: 15px;
	padding-left: 15px;
	text-align: justify;
	color: #666666;
}


#postit{
	cursor:pointer;
	position:absolute;
	width:200px;
	background-color:#65ADFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
	border:1px medium #000;
	padding: 5px;
	left: 10px;
	top: 137px;
}
#postit a{
	color:#FFE007;
	padding:2px;
	text-decoration: none;
}
#postit a:hover{
	color:#000;
	padding:2px;
	text-decoration: none;
}
#postit h4{
	height:30px;
	display:block;
	padding:0 ;
	}
.info{padding:0;
font-size:10px;}

 /*------------------------------------------------------*
  *-----------------------------------     CSS TABLEAU     ----*
  *------------------------------------------------------*/

td.tableau{
	padding: 0 0 0 10px;
	font-family: verdana;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: 500;
	line-height: 18px;
	text-align: justify;
	vertical-align: bottom;

	}

.border-table {
	border: 1px solid;
	border-color: #FFFFFF;
}



th{
	padding-top:7px;
	padding-left:26px;
	text-align: left;
	color:#010191;
	font-family: verdana;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	background-image: url(../images/deco/fond_titre.gif);
	background-repeat: no-repeat;
	letter-spacing: 2px;
	padding-bottom: 15px;
	}

h2 {
	color:#010191;
	font-family: verdana;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	/*background-image: url(../images/deco/fond_titre.gif);
	background-repeat: no-repeat;*/
	letter-spacing: 2px;
	padding:7px 0px 7px 25px;
	margin: 15px;
	border-bottom: 3px solid #FFFF00;
	clear: both;
}
/*CSS REFERENCEMENT ICARE*/

#referencement {
	margin-right: auto;
	margin-left: auto;
	font-size: 9px;
	text-align: center;
	padding-top: 50px;
	width: 70%;
}

#referencement a {
	color: #003399;
	text-decoration: none;
}

#referencement a:hover {
	color: #333333;
}


 /*---------------------------------------------------------*
  *----        CSS PAGE CONTACT  DEBUT                  ----*
  *---------------------------------------------------------*/
/* NE_PAS_TOUCHER_CETTE_LIGNE_POUR_MAIL_PAGE_CONTACT_DEBUT */

/* DIV contenant l'ensemble du formulaire */
div.formulaire_general {
	font-family: Verdana;
	font-size: 11px;
	color: #000;
	width: 300px;
	margin: 0 auto;

}
/* DIV général des erreurs de saisie */
div.formulaire_erreursSaisie {
	
	background-color: #fee;
	color: #FEDF07;
	padding: 5px;
	margin-bottom: 3px;
}
/* DIV pour chaque erreur de saisie */
div.formulaire_erreursSaisie_ligne {
}

/* DIV message une fois le message envoyé */
div.formulaire_msgRetour {
	background-color: #9cf;
	color: #FFFFFF;
	text-align: center;	
	padding: 10px;
}
/* Lien "Retour" un fois le message envoyé */
a.formulaire_msgRetour_lien {
}
/* Tableau de champ général */
table.formulaire_table {
	width: 100%;
}
/* Regroupement de champs : ligne en-tête de table */
.formulaire_table th {
	background-color: #369;
	color: #fff;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}
/* Regroupement de champs : en fielset */
.formulaire_table fieldset {
}
/* Légende du fielset ci-dessus */
.formulaire_table legend {
}
/* Lignes qui séparent les lignes avec les champs */
.formulaire_cell_espacement {
	height: 5px;
}
/* Libelle des champ dans le formulaires : dans tous les cas */
td.formulaire_nom_champ, td.formulaire_nom_champ_erreur {
	width: 100px;
	padding: 0px 5px 0px 10px;
	text-align: right;
}
/* Libelle des champ dans le formulaires : sans erreur */
td.formulaire_nom_champ {
}
/* Libelle des champ dans le formulaires : sans erreur */
td.formulaire_nom_champ_erreur {
	color: #FEDF07;
	font-weight: bold;
}
/* Cellules qui contiennent les champs : dans tous les cas */
td.formulaire_td_champ, td.formulaire_td_champ_erreur {
	padding-right: 10px;
}
/* Cellules qui contiennent les champs : en cas d'erreur */
td.formulaire_td_champ, td.formulaire_td_champ_erreur {
}
/* Cellules qui contiennent les champs : sans erreur */
td.formulaire_td_champ, td.formulaire_td_champ_erreur {
}
/* Champs dans les formulaires (input, textarea) : dans tous les cas */
.formulaire_champ, .formulaire_champ_erreur {
	font-family: Verdana;
	font-size: 11px;
	text-align: left;
	width: 100%;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/* Champs dans les formulaires (input, textarea) : sans erreur */
.formulaire_champ {
	background-color: #9cf;
	border: solid #036 1px;
}
/* Champs dans les formulaires (input, textarea) : en cas d'erreur */
.formulaire_champ_erreur {

}
/* Texte qui s'ajoute après les champ (€, kg, /jour...) */
span.formulaire_champ_suffixe, span.formulaire_champ_suffixe_erreur {
	font-style: italic;
}
/* Libelle des champ dans le formulaires : dans tous les cas */
td.formulaire_td_checkbox, td.formulaire_td_checkbox_erreur {
	padding: 0px 10px 0px 10px;
}
/* TD du Bouton "Envoyer" du formulaire */
td.formulaire_td_envoyer {
	padding-right: 5px;
	text-align: right;
}
/* Bouton "Envoyer" du formulaire */
input.formulaire_envoyer {
	background-color: #369;
	border: solid 1px #369;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	cursor: pointer;
	margin: 5px;
}
/* Texte en bas du formulaire concernant les astérisques */
.formulaire_note {
	text-align: center;
	font-style: italic;
}
/* NE_PAS_TOUCHER_CETTE_LIGNE_POUR_MAIL_PAGE_CONTACT_FIN */
 /*-------------------------------------------------------*
  *----        CSS PAGE CONTACT  FIN                  ----*
  *-------------------------------------------------------*/
#centre ul {
	margin: 0 0 0 20px;
	padding: 8px 8px 8px 25px;
	background-position: right;
	background-repeat: no-repeat;
}
.vignettes3 {
	height: 120px;
	width: 430px;
	background-image: url(../images/deco/bg_img.gif);
	background-repeat: no-repeat;
	background-position: center 35px;
	border: 1px dashed;
	border-color: #FFFFFF;
	margin: 15px;
	display: block;
	float: right;
}

.vignettes {
	height: 120px;
	width: 280px;
	background-image: url(../images/deco/bg_img.gif);
	background-repeat: no-repeat;
	background-position: center 35px;
	border: 1px dashed;
	border-color: #FFFFFF;
	margin: 15px;
	display: block;
	float: right;
}

.vign2 {
margin-right:272px;
}

.vignette_solo {
	height: 120px;
	width: 140px;
	background-image: url(../images/deco/bg_img.gif);
	background-repeat: no-repeat;
	background-position: center;
	border: 1px dashed;
	border-color: #FFFFFF;
	margin: 15px 30px;
	display: block;
	float: right;
}
.vignettes  img, .vignette_solo  img, .vignettes3 img {
	margin: 10px 20px;
}
.vignettes_txt {
	width: 100px;
	height: 110px;
	margin: 15px 10px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	float: left;
	line-height: 35px;
	padding: 10px 0px 0px 0px;
}
.vignettes_txt_solo {
	width: 100px;
	float: left;
	height: 100px;
	margin: 15px 20px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	line-height: 30px;
}
.img_droite {
	float:right;
	margin:5px 50px 5px 5px;
}
.img_gauche {
	float:left;
	margin:0px 20px;
}
#centre li {
	list-style-image: url(../images/deco/puce.gif);
	margin-left: 20px;
}
.sous-liste li {
	list-style-image: none;
	list-style-type: none;
}
.vignettes  span  a, .vignettes3 span a {
	color: #FEDF07;
	text-decoration: none;
	letter-spacing: 0.4em;
	padding: 0px 30px;
	font-weight: bold;
}
.vignettes  span, .vignettes3 span {
	margin: 0px;
	padding: 0px;
}
#rappel_footer a {
	background-color:#FFE007;
	padding:2px;
}

#encart_contact {
	background-image: url(../images/deco/contact_encart.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 400px;
	height: 100px;
	margin: 10px auto;
	text-align: center;
	padding: 10px;
	text-decoration: none;
	border: 1px dashed #fff;
	display:block;
	clear:both;
}
.highlight_encart a {
	display:block;
	font-size: 14px;
	padding: 10px 0px;
	text-decoration:none;
	font-variant: small-caps;
}
#encart_contact a {
	text-decoration: none;
	color: #FFFFFF;
}