/* FEUILLE DE STYLE BASE */
*{
	padding:0px;
	margin:0px;
	/*text-align:left;*/
	/*color:#495261;*/
	font-family: robotolight, arial, helvetica, sans-serif;
  /* font-size:0.938em;  */
}

.clear { clear:both;}

a {text-decoration:none; }
a:hover {text-decoration:underline;color:#000000; }
/*
a:link { color:#505050; text-decoration:none; font-weight:normal; }
a:hover { color:#000000; text-decoration:underline; font-weight:normal; }
a:visited { color:#505050; text-decoration:none; font-weight:normal; }
a:active { color:#000000; text-decoration:none; font-style:italic; }
*/
h1 {	/*font-family: robotolight, arial, helvetica, sans-serif;*/ font-size:2em; color:#13946f; }
h2 {font-family: robotoregular, arial, helvetica, sans-serif; font-size:1.063em;  padding-bottom:1.063em;}
h3 {font-family: robotoregular, arial, helvetica, sans-serif; }
h4 {font-family: robotoregular, arial, helvetica, sans-serif; }
h5 {font-family: robotoregular, arial, helvetica, sans-serif; }
h6 {font-family: robotoregular, arial, helvetica, sans-serif; }
p  {font-family: robotolight, arial, helvetica, sans-serif; font-size:0.938em; padding-bottom:1.063em; }
li  {font-family: robotolight, arial, helvetica, sans-serif; font-size:0.938em; }
img {border:0px;}
form{border:0px;}
ul  {font-family: robotolight, arial, helvetica, sans-serif; font-size:0.938em; padding-bottom:1.063em; list-style-position:inside;}


body {
	scrollbar-base-color: #EFE6DB;
	scrollbar-arrow-color: #8F2424;
	scrollbar-DarkShadow-Color: #8F2424;
}

#global {
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%; min-width: 100%; max-width: 100%;
    text-align:center;
    z-index:0;
		min-height:100%;max-height:100%;height:100%;
}

#pos-site {
    position:relative;
    top: 0px;
    margin:0px auto 0px auto;
	width: 100%;
	background-color: #ffffff;
	min-height:100%;
	/*box-sizing: boder-box;*/
    /*min-height: 749px;
    background-color: #ffffff;-*/
}
/*
Cette propriété CSS est tout simplement magique, elle permet d’éviter les maux de têtes de calcul des dimensions avec les width, les margin et les padding !

div
{
   width:75%;
   padding:15px;
   margin:5px;
}

Concrètement, j’ai une « div » qui a un width de 75%, un margin à 5px et un pagging à 15px. Si on calcul tout ça, on se retrouve avec un width > à 100%… Improbable. En utilisant la propriété box-sizing:border-box, si vous utilisez le width à 75%, l’ensemble fera finalement 75% ! (C’est vraiment pratique !)
*/
.relative{
  position:relative;
}
.absolute{
  position:absolute;
}
.f-left{
  float:left;
}
.f-right{
  float:right;
}
.centPorcent{
  width: 100%; min-width: 100%; max-width: 100%;
}

.SITE_FORM_BOUTON
 {
font-size:10px;display:block;
width:100px;
text-align:center;
vertical-align:middle;
text-decoration:none;
background-color:#4A0000;
color:#fff;
 }
.SITE_FORM
{
font-size:10px;

}
.SITE_FORM_CORPS
{
font-size:9px;
}
.SITE_FORM_FORM
{
font-size:10px;
max-width:165px;
Margin-bottom:5px;
border: 1px solid  #c0c0c0;
background-color:#E2DEDE;
}
.SITE_FORM_TEXTAREA
{
font-size:9px;
border: 1px solid  #E2DEDE;
border: 1px solid  #c0c0c0;
background-color:#E2DEDE;
max-width:180px;
}

/* RESPONSIVE DESIGN */

img.rd100
{
	width:100%;height: auto;
}

img.rd80
{
	width:80%;height: auto;
}

div.rd100
{
	float:left;
	width:100%;height: auto;
}

span.rd100
{
	width:100%;height: auto;
}


@media screen and (max-width: 641px)
{
	h1 {/*font-family: robotolight, arial, helvetica, sans-serif;*/  font-size:1em; color:#81a06f }

	#menu * {
		text-align:center;
	}

	.menu_mobile * {
		list-style:none;
		width:100%;
		text-align : center;
		text-decoration: none;
	}

	.menu_mobile a {
		color:#81a06f;
		text-decoration: none;
	}

	.ss_menu_mobile {
		display:none;
	}

	.ss_menu_mobile a {
		width:100%;
		text-align : center;
		text-decoration: none;
		color:#495261;
	}
	.hideOnMobile {
		display:none;
	}
	.showOnMobile {
		display:inline;
	}
	.displayOnMediumScreen {
		display:none;
	}
	#menuPrincipal {
		display:none;
  }
	#content {
	  width:100%;
	  text-align : center;
	  vertical-align : top;
	  float:left;
	}

	.logo {
		display:none;
	}

	.conteneurSite {
		width:100%;
		/*background-color:#ecf2e6;*/
	}

	.texte{
		/*font-family: robotoregular, arial, helvetica, sans-serif;*/
		font-size:0.8em;
		color:#ffffff;
	}
	.texte_vert{
		/*font-family: robotoregular, arial, helvetica, sans-serif;*/
		/*font-size:0.8em;*/
		color:#81a06f;
	}
	.titre_vert{
		/*font-family: robotothin, arial, helvetica, sans-serif;*/
		font-size:2em;
		color:#81a06f;
	}

	#content
	{
	   /*border : 1px solid red;*/
	   width:100%;
	   text-align : center;
	   vertical-align : top;
	   /*background-color:#ecf2e6;*/
	}

	.texte{
		/*font-family: robotoregular, arial, helvetica, sans-serif;  */
		font-size:1.5em;
		color:#ffffff;
	}
	.texte_vert{
		/*font-family: robotoregular, arial, helvetica, sans-serif;  */
		/*font-size:0.8em;*/
		color:#81a06f;
	}
	.titre_vert{
		/*font-family: robotothin, arial, helvetica, sans-serif;  */
		font-size:2em;
		color:#81a06f;
	}

	div.newsPopupBg {
		width:70%;
		height:80%;
		background-color:#FFFFFF;
		padding:0px 30px;
		top:7%;
	}
	div.ensavoirplusPopupBg {
		width:70%;
		height:80%;
		background-color:#FFFFFF;
		padding:0px 30px;
		top:7%;
	}
	.texteCarousel {
		width:70%;
		height:80%;
		background-color:#FFFFFF;
		padding:0px 30px;
		top:7%;
	}
	#login {
		visibility:hidden;
		position:absolute;
		width:100%;
		min-width:100%;
		height:300px;
		background-color:#9abe82;
		color:#000000;
		top:20%;
		z-index:11;
	}

	#boutonMenuMobile {
		cursor:pointer;
	}
	.listMenuMobile {
		display:none;
	}
	.compte {
		padding:2% 30px;
		width:85%;
	}

	#carousel_responsive {
		display:inline;
		text-align:center;
		float:right;
		margin-bottom:20px;
	}

	#article_responsive {
		display:inline;
	}

}

/*
@media screen and (max-width:959px) and (min-width:640px)
{
	h1 {font-family: robotolight, arial, helvetica, sans-serif;  font-size:1em; color:#81a06f }
	body {
		scrollbar-base-color: #EFE6DB;
		scrollbar-arrow-color: #8F2424;
		scrollbar-DarkShadow-Color: #8F2424;
		background-image: url(../charte/base/background-image.png);
		background-size:100%;
		background-repeat:repeat-y;
	}
	#menu
	{
		width:23.4375%;

		text-align : center;
		vertical-align : top;
		float:left;
		min-height:100%;max-height:100%;height:100%;
    }
	#content
	{

	   width:76.5625%;
	   text-align : center;
	   vertical-align : top;
	   float:left;
	   background:#ecf2e6;
	}
	.texte{
		font-family: robotoregular, arial, helvetica, sans-serif;
		font-size:0.8em;
		color:#ffffff;
	}
	.texte_vert{
		font-family: robotoregular, arial, helvetica, sans-serif;
		font-size:0.8em;
		color:#81a06f;
	}
	.titre_vert{
		font-family: robotothin, arial, helvetica, sans-serif;
		font-size:2em;
		color:#81a06f;
	}

} */


@media screen and (min-width:641px)
{
	body {
		scrollbar-base-color: #EFE6DB;
		scrollbar-arrow-color: #8F2424;
		scrollbar-DarkShadow-Color: #8F2424;
		background-image: url(../charte/base/background-image.png);
		background-size:100%;
		background-repeat:repeat-y;
	}
	.menu_mobile {
		display:none;
	}

	.mobile {
		display:none;
	}

	.conteneurSite {
		width:76.5625%;
		/*background-color:#ecf2e6;*/
	}

	#menu
	{
		width:23.4375%;
		/* width:21.2219%; */
		/*border : 1px solid green;*/
		text-align : center;
		/*float:left;*/
		display:inline-block;
		min-height:100%;max-height:100%;height:100%;
		vertical-align:top;
    }

	#menu * {
		text-align:center;
	}

	#content
	{
	   /*border : 1px solid red;*/
	   width:100%;
	   text-align : center;
	   vertical-align : top;
	}

	.texte{
		/*font-family: robotoregular, arial, helvetica, sans-serif;*/
		font-size:1.5em;
		color:#ffffff;
	}
	.texte_vert{
		/*font-family: robotoregular, arial, helvetica, sans-serif;*/
		/*font-size:0.8em;*/
		color:#81a06f;
	}
	.titre_vert{
		/*font-family: robotothin, arial, helvetica, sans-serif;*/
		font-size:2em;
		color:#81a06f;
	}

	/**********************/
	/*** MENU PRINCIPAL ***/
	/**********************/
	div.logo {
		height:30%;min-height:30%;max-height:30%;
		vertical-align:top;
	}
	div.menuPrincipal{
		position:relative;
		width:100%;min-width:100%;max-width:100%;
		height:53%;min-height:53%;max-height:53%;
		z-index: 4;
	}
	div.menuPrincipal *{
		vertical-align:middle;
	}

	div.accueilText {
		text-align:center;
		color:#FFFFFF;
		position:relative;
	}

	#menu div.footer {
		height:17%;min-height:17%;max-height:17%;
		vertical-align:bottom;
	}

	#ssTextFooter * {
		text-align:right;
		color:#81a06f;
		font-size:0.75em;
	}

	div.menu_p{
	  width:100%;
		overflow:visible;
	}

	div.menu_pOn,div.menu_pOut{
		text-align: center;
		padding:0px 3px 0px 3px;";
		background-color: #ffffff;
		/*border: 1px #a0a0a0 solid; */
		/*height:50px;min-height:50px;max-height:50px;
		vertical-align:middle;*/

	}

	div.menu_pOut a{
		text-align:center;
		font-size:0.8em;
		text-decoration: none;
		color:#81a06f;
	}


	div.flechenav {
		background-image:url(../charte/images/flechenav.jpg);
		background-position:center right;
		background-repeat: no-repeat;
		position:absolute;
		right:0%;
		height:72px;max-height:72px;min-height:72px;
		width:32px;max-width:32px;min-width:32px;
		visibility:hidden;
	}

	.menu_pTOn{
	  padding: 0px 0px 0px 0px;
	  background-color: #FAF9F5;
	  color:#000000;
	}
	.menu_pTOn a:hover {
	  color:#000000;
	}
	div.menups{
	  position:absolute;
	  top:37px;
	  left:250px;
	  min-width:200px;max-width:200px;
	  overflow: hidden;
	  filter:alpha(opacity=70);
	  opacity:0.7;
	  z-index: 10;
	}

	#sous_menu{
		position:fixed;
		top:0px;
		left:23.4375%;
		height: 100%;min-height: 100%;max-height: 100%;
		width:250px;min-width: 250px;max-width: 250px;
		z-index:-1;
	}

	#interligne{
		height:1.5em;
		min-height:1.5em;
		max-height:1.5em;
		width:100%;
		min-width:100%;
		max-width:100%
	}

	table.metFam li{
		list-style: none;
		background: url(./_php/modules/menu_ecom/img_jQuery/itemLi.jpg) left 2px no-repeat;
		color:#393939;
		font-weight: bold;
		font-size: 12px;
		margin: 12px 0px 0px 0px;
		padding-left: 17px;
	  ]padding-left: 2px;
	  text-decoration:underline;
	}

	table.metFam li a{
	  color:#393939;
	  text-decoration:underline;
	}

	div.menu_pOut:hover .flechenav, div.menu_pOut.hover .child {
		visibility:visible;
	}

	div.newsPopupBg {
		width:800px;
		height:80%;
		background-color:#FFFFFF;
		padding:0px 30px;
		top:7%;
	}

	div.ensavoirplusPopupBg {
		width:800px;
		height:80%;
		background-color:#FFFFFF;
		padding:0px 30px;
		top:7%;
	}

	#login {
		visibility:hidden;
		position:absolute;
		width:23.475%;
		min-width:23.4375%;
		height:300px;
		background-color:#9abe82;
		color:#000000;
		top:40%;
		z-index:11;
	}

	div#compte {
		padding:20px 30px;
		width:50%;
	}

	#carousel_responsive {
		display:none;
	}

	#article_responsive {
		display:none;
	}

	.showOnMobile {
		display:none;
	}
	.displayOnMediumScreen {
		display:none;
	}
}

/* Début gestion de l'affichage de carte id et bloc de recapitulatif des coordonnées */
@media screen and (min-width:820px) and (max-width:1160px)
{
	div#coordonees{
		display:none;
	}
	.displayOnMediumScreen {
		display:inline;
	}
	div#compte {
		padding:20px 30px;
		width:80%;
	}

}
@media screen and (min-width:641px) and (max-width:1160px)
{
	div#coordonees{
		display:none;
	}

}

@media screen and (max-width:950px)
{
	.hideMapMonde {
		display:none;
	}
}

@media screen and (min-width:641px) and (max-width:820px)
{
	div#carte_id{
		display:none;
	}
	.displaycarteid {
		display:inline;
	}
	div#compte {
		padding:20px 30px;
		width:80%;
	}

}
/* Fin gestion de l'affichage de carte id et bloc de recapitulatif des coordonnées */


h1 {
	/*font-family: robotolight, arial, helvetica, sans-serif;*/
	font-size:2em;
	color:#13946f;
}
div.page_article {
	height:100%;
}
div#page_article {
	/*background-color:#ecf2e6;*/
	height:100%;
}

#text_article {
	color:#000000;
	padding: 3.31% 3.31%;
	/*background-color:#ecf2e6;*/
}

div.carreNews {
	text-align:center;
	width:33%;
	min-width:33%;
	max-width:33%;
	height:auto;
	overflow:hidden;
}

span.titre_news {
	font-size:20px;
	color:#000000;
	font-weight:bold;
}

span.date_news {
	font-size:12px;
	color:#13946f;
}

span.texte_news *{
	font-size:14px;
	color:#000000;
}

span.texte_news {
	font-size:14px;
	color:#000000;
}

span.suite_news {
	font-size:14px;
	color:#000000;
	text-align:right;
}

#login span {
	color:#000000;
}

span.loginTitre{
	font-size:25px;
}

span.loginTexte{
	font-size:13px;
}

div.loginInterligne {
	height:15px;
}

#carte_id div {
	float:left;
}

#coordonnees *{
	color:#000000;
	font-size:15px;
}

.coordonnees div{
	padding-top:12px;
}

#page_etude {
	padding:20px 30px;
	background-color:#e7d5e6;
}

.header_etude {
	background-color:#9d0073;
	color:#e7d5e6;
	font-size:33px;
	font-style:robotomedium;
	width:100%:
}

.header_etude_petit {
	background-color:#9d0073;
	color:#e7d5e6;
	font-size:25px;
	font-style:robotomedium;
	width:100%:
}

div.header2_etude {
	padding-top:10px;
	color:#000000;
	font-weight:bold;
	font-size:14px;
	font-style:robotomedium;
	text-transform: uppercase;
}

.texte {
	color:#000000;
	font-style:robotomedium;
	font-size:14px;
}

.texte_msg {
	background-color:#FFFFFF;
	color:#000000;
	font-size:11pt;
}

.obs_etude *{
	color:#000000;
}

.tableau_entete_2 th, .tableau_entete_2 td{
	text-transform: uppercase;
	border:1px solid #9d0573;
	color:#000000;
	text-align:center;
}

.tableau_entete_2 th {
	background-color:#b4659b;
	color:#e7d5e6;
}

.tableau_entete_2 {
	border-collapse:collapse;
}

/************************************************************/
/**************** Modification des données ******************/
/************************************************************/
.pos-dialog {
    background: url("../charte/base/fond_dialog.png") repeat scroll 0 0 transparent;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 12;
}
.tableau_haut_rond {
	width:100%;
}

.tableau_haut_rond2 tr{
	height:30px;
}


.dialogContent{
  margin:80px auto auto;
  text-align:center;
  width:500px;min-width:500px;max-width:500px;
  text-align:center;
}
.dialogFermer{
  position:absolute;
  top:0px;right:0px;
  display:block;
  cursor:pointer;
}

.tableau_enteteS{
	-moz-border-radius: 15px 15px 0px 0px;
	padding-left : 0px;
	padding-right : 0px;
	background-color: #8abe80;
	text-align: center;
	font-family: "Trebuchet MS";
	font-size: medium;
	color: White;
	font-weight: bold;
	height:40px;
}

.onglet_normal_gros2{
	background-color: transparent;
	text-align: left;
	color: #13946F;
	font-family: "Trebuchet MS";
	font-size: 12px;

}

/************************************************************/
/******************** Articles ******************************/
/************************************************************/
div#colonne2_1 p {
	height:100%;
}

div#colonne2_1 p img {
	width:93.77%;
	/* height:83.858%; */
}

/************************************************************/
/************************ Carte Monde ***********************/
/************************************************************/
div#iecAdresse strong{
	font-weight:bold;
	font-family:robotolight;
	color:#000000;
	font-size:0.938em;;
}

div#iecAdresse{
	/*background-color:#FFFFFF;
	opacity:0.85;*/
	position:absolute;
	top:5%;
	left:5%;
	height:70%;
	width:26%;
	padding:1.5% 1.5%;
	display:none;
	font-family:robotolight;
	color:#000000;
	font-size:0.938em;;
}

div#listeAdresses *{
	visibility:hidden;
	position:absolute;
	top:0%;
}
#liste_iec_monde div {
	position:absolute;
}



div#coordonees{
	position:absolute;
	bottom:5%;
	right:5%;
	background-color:#FFFFFF;
	padding:20px 20px;
	width:322px;
}

div#carte_id{
	background-color:#13946f;
	position:absolute;
	top:5%;
	right:5%;
	width:322px;
	padding:20px 20px;
}


.inputContainer{position:relative; float:left;}
.formError {
		position:absolute;
		top:300px; left:300px;
		padding-bottom:13px;
		display:block;
		z-index:5000;
		cursor:pointer;
	}
#debugMode{
	background:#000;
	position:fixed;
	width:100%; height:200px;
	top:0; left:0;
	overflow:scroll;
	opacity:0.8;
	display:block;
	padding:10px;
	color:#fff;
	font-size:14px;
	z-index:100000;
}

.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
.formError .formErrorContent {
	width: 100%;
	background: #ff6363;
	color: #fff;
	width: 150px;
	font-family: tahoma;
	font-size: 11px;
	/* border: 2px solid #ddd; */
	/* box-shadow: 0px 0px 6px #000; */
	-moz-box-shadow: 0px 0px 6px #000;
	/* -webkit-box-shadow: 0px 0px 6px #000; */
	padding: 4px 10px 4px 10px;
	/* border-radius: 6px; */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-top: -10px !important;
}
.greenPopup .formErrorContent {background:#33be40;}

.blackPopup .formErrorContent {background:#393939;color:#FFF;}

.formError .formErrorArrow{
	width:15px;
	margin:-2px 0 0 13px;
	z-index:5001;
}
.formError .formErrorArrowBottom{top:0;margin:-6px;}

.formError .formErrorArrow div{
	border-left:2px solid #ddd;
	border-right:2px solid #ddd;
	box-shadow: 0px 2px 3px #444;
	-moz-box-shadow: 0px 2px 3px #444;
	-webkit-box-shadow: 0px 2px 3px #444;
	font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
}
	.formError .formErrorArrowBottom div{
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}

.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

.formError .formErrorArrow .line10{width:15px;border:none;}
.formError .formErrorArrow .line9{width:13px;border:none;}
.formError .formErrorArrow .line8{width:11px;}
.formError .formErrorArrow .line7{width:9px;}
.formError .formErrorArrow .line6{width:7px;}
.formError .formErrorArrow .line5{width:5px;}
.formError .formErrorArrow .line4{width:3px;}
.formError .formErrorArrow .line3{width:1px;
	border-left:2px solid #ddd;
	border-right:2px solid #ddd;
	border-bottom:0px solid #ddd;}
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}

.table_haut {
	width: 100%;
}

/* ********************************************** */
/* *************** BOUTONS ********************** */
/* ********************************************** */

.buttonRounded {
	cursor: pointer;
	font-size: 0;
	text-decoration: none !important;
	height:27px;
	display:inline-block;
	margin:2px;
}

.buttonRounded .l {
	float:left;
	font-size: 13px;
	height: 27px;
	line-height: 27px;
	padding: 0 4px 0 0;
}

.buttonRounded .c {
	background-size:100% 100%;
	color: #FFFFFF;
	text-transform:uppercase;
	float:left;
	font-size: 13px;
	height: 27px;
	line-height: 27px;
	padding: 0 6px;
}

.buttonRounded .r {
	float:left;
	font-size: 13px;
	height: 27px;
	line-height: 27px;
	padding: 0 4px 0 0;
}

.buttonRounded:hover .l {
	background-position: left -81px;
}
.buttonRounded:hover .c {
	background-size:100% 100%;
	font-style: normal;
}
.buttonRounded:hover .r {
	background-position: right -81px;
}

.vertClair .c{
	background: url("../charte/base/btn_vert_clair_corps.png") no-repeat scroll left top ;
	background-size:100% 100%;
}

.vertClair:hover .c {
	background: url("../charte/base/btn_vert_clair_corps_hover.png") no-repeat scroll left top transparent;
	background-size:100% 100%;
}

.vertClair .r {
	background: url("../charte/base/btn_vert_clair.png") no-repeat scroll right -54px transparent;
}

.vertClair .l {
	background: url("../charte/base/btn_vert_clair.png") no-repeat scroll left -54px transparent;
}

/* VERT FONCE*/
.vertFonce .c{
	background: url("../charte/base/btn_vert_fonce_corps.png") no-repeat  left top transparent;
	background-size:100% 100%;
}

.vertFonce:hover .c {
	background: url("../charte/base/btn_vert_fonce_corps_hover.png") no-repeat  left top transparent;
	background-size:100% 100%;
}

.vertFonce .r {
	background: url("../charte/base/btn_vert_fonce_corps.png") no-repeat  right top transparent;
}
.vertFonce:hover .r {
	background: url("../charte/base/btn_vert_fonce_corps_hover.png") no-repeat  right top transparent;
}
.vertFonce .l {
	background: url("../charte/base/btn_vert_fonce_corps.png") no-repeat  left top transparent;
}
.vertFonce:hover .l {
	background: url("../charte/base/btn_vert_fonce_corps_hover.png") no-repeat  left top transparent;
}

/* ROSE FONCE*/
.roseFonce .c{
	background: url("../charte/base/btn_rose_fonce_corps.png") no-repeat  center top transparent;
	background-size:100% 100%;
	color: #FFFFFF !important;
}

.roseFonce:hover .c {
	background: url("../charte/base/btn_rose_fonce_corps_hover.png") no-repeat  center top transparent;
	background-size:100% 100%;
	color: #FFFFFF;
}

.roseFonce .r {
	background: url("../charte/base/btn_rose_fonce.png") no-repeat  right 54px transparent;
}
.roseFonce:hover .r {
	background: url("../charte/base/btn_rose_fonce.png") no-repeat  right -54px transparent;
	background-size:100% 100%;
	color: #FFFFFF;
}

.roseFonce .l {
	background: url("../charte/base/btn_rose_fonce.png") no-repeat  left 54px ;
}
.roseFonce:hover .l {
	background: url("../charte/base/btn_rose_fonce.png") no-repeat  left -54px ;
	background-size:100% 100%;
	color: #FFFFFF;
}
/* ROSE CLAIR */
.roseClair .c{
	background: url("../charte/base/btn_rose_clair_corps.png") no-repeat  center top transparent;
	background-size:100% 100%;
	color: #FFFFFF !important;
}

.roseClair:hover .c {
	background: url("../charte/base/btn_rose_clair_corps_hover.png") no-repeat  center top transparent;
	background-size:100% 100%;
	color: #FFFFFF;
}

.roseClair .r {
	background: url("../charte/base/btn_rose_clair.png") no-repeat  right 54px transparent;
}
.roseClair:hover .r {
	background: url("../charte/base/btn_rose_clair.png") no-repeat  right -54px transparent;
	background-size:100% 100%;
	color: #FFFFFF;
}

.roseClair .l {
	background: url("../charte/base/btn_rose_clair.png") no-repeat  left 54px ;
}
.roseClair:hover .l {
	background: url("../charte/base/btn_rose_clair.png") no-repeat  left -54px ;
	background-size:100% 100%;
	color: #FFFFFF;
}

 /* PAGE Questionnaire */

 .questionnaire {
	padding-left:15px;
 }
 .questionnaireBas {
	padding-left:15px;
 }

 .questionnaire td{
	height:35px;
 }

/* Accordeon tableau etudes */
#accordion h3 {
	padding-left:30px;
	border:1px solid #9d0073;
	background:#b4659b;
	color:#fff;
	font-weight:normal;
	font-size:14px;
	line-height:22px;
	margin-top:10px;
}
#accordion h3 span {
color:#fff;
}