body {	font-family: Verdana;	font-size: 11px;	margin:0;	background-color:#7D7465;	margin-right: auto;	margin-left: auto;	height:100%;}

#entete {  width: 100%; height: 125px; background-color:#7D7465 }  
/*#entete {  width: 100%; height: 150px; background-color:#000 } */
#logo { width:100%; text-align:center }  

#rubriques  {	width: 900px; height: 15px; margin: 40px auto 0 auto; padding-right: 80px;	font-family: Arial;	font-size: 12px;	text-transform:uppercase;	font-weight:100;	letter-spacing:1px;}
#rubrique 			{ float:right; margin-right: 25px }
#rubrique  a 		{  color: #F1F1F1 } 
#rubrique  a.choix 	{  color:#C2B6B0; font-weight: bold } 
#rubrique  a:hover 	{  color:#C2B6B0; font-weight: bold } 

#page-fd { background-color:#F1F1F1}
#page {	width: 980px;	margin-right: auto;	margin-left: auto;	padding-top: 40px;	min-height: 575px}

#page .titre		{ padding-top: 0px; font-family: "Century Gothic", Verdana; font-size: 12px; color: #524943; font-weight: bold  }/*EB006A*/

#ssrubriques { 	font-family: Arial;	font-size: 11px;	text-transform:uppercase;	letter-spacing:0.5px;	word-spacing:-1px;	color:#C2B6B0; }
	
#ssrubrique a			{ color: #C2B6B0 }
#ssrubrique a:hover 	{ color: #524943; font-weight:normal }
#ssrubrique a.choix		{ color: #524943; font-weight:normal }
#ssrubrique .choixoff	{ color: #C2B6B0; font-weight:bold }
#ssrubrique .choixon	{ color: #7D7465; font-weight:bold }

#modeles  {	font-family: Arial;	letter-spacing: normal;	word-spacing: normal;	text-align:left;	text-transform:none;	width: 140px;	margin-left: 170px;	padding: 2px;	margin-top: -5px;}

#modeles #modele			{ padding: 2px 0; }
#modeles #modele a		 	{ color: #7D7465 }
#modeles #modele a.choix 	{ color: #524943; font-weight:bold }
#modeles #modele a:hover 	{ color: #524943; font-weight:bold }

#contenu-hp	 	{	width: 950px  }
#contenu-hp .titre{ padding-top: 0px; font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 180%  }
#contenu-hp H1 {	font-family: "Century Gothic", "Arial Narrow", Arial;	font-size: 18px;	text-transform:uppercase;	color:#524943 }
#contenu-hp H2 {	font-family: "Century Gothic", "Arial Narrow", Arial;	font-size: 16px;	text-transform:uppercase;	color:#524943; font-weight:normal }


#contenu 		{	width: 550px;	}
#contenu #texte { width: 500px; padding: 25px 50px; font-size: 10px; line-height:180% }
#contenu .titre{ padding-top: 0px; font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 180%  }
#contenu a		 	{ color: #000000 }
#contenu a:hover 	{ color: #7D7465; font-weight:bold }


#mosaique    		{
	width: 730px;
	min-height: 450px
}
#mosaique    TD 	{ width: 160px; border: solid 1px #A2A9BE }
#mosaique    A 		{ color:#A2A9BE; font-weight:bold }
#mosaique    A:hover 		{ color:#1B213B }

#contact-mail {  font-family: "Century Gothic", Verdana; font-size:14px; text-transform:uppercase; margin-top: 10px }
#contact-mail .myButtonLink 		{  display: block; background:url(/images/enveloppes.png) no-repeat bottom; width: 50px; height: 44px }
#contact-mail .myButtonLink:hover {  font-weight: normal; font-style:italic; background-position: 0 0 }

.grpd					{ padding: 5%; background-color: #FFF }
.grpd .blocsubdiv 		{ background-color: #627788; padding: 1%; color: #FFF; text-transform: uppercase; letter-spacing: 4px; text-align: center; font-size: 15px }
.grpd .blocsubdiv p		{ text-transform: none; font-size: 13px; letter-spacing: normal; color: #FFF!important }
.grpd .grpd-intro		{ padding: 0 10%; text-align: justify; font-size: 15px }
.grpd .grpd-logo 	 	{ text-align: center }
.grpd .grpd-logo img 	{ width: 100px; height: auto }
.grpd .grpd-formu		{ background-color: #EFEFEF; padding: 2% 5% }
.grpd form 				{ width: 70%; margin: 1% auto; padding: 1% }
.grpd form ul			{ list-style: none; margin: 0; padding: 0 }
.grpd form li			{ border-top: 1px solid #AAA; padding-bottom: 5px }
.grpd input[type="checkbox"]{ width: 20px; height: 20px }
.grpd input[type="submit"] 	{ background-color: #8194A4; cursor: pointer; text-align: center; width: 100%;	color: #FFF; padding: 8px; text-transform: uppercase; letter-spacing: 2px; font-family: "Century Gothic", Verdana; font-size:12px; border: 0; font-weight: bold }
.grpd input[type="submit"]:hover{ background-color: #627788	}
.grpd input[type="submit"].no 	{ background-color: #41A841 }
.grpd input[type="submit"].no:hover{ background-color: #627788	}

.grpd .grpd-blocs		{ font-size: 12px; text-align: center; margin-top: 2% }
.grpd .grpd-bloc		{ display: inline-block; width: 31%; min-height: 340px; border: 1px solid #627788; text-align: justify; padding: 2% 2% 1% 2%; margin: 1%; vertical-align:top; box-sizing:border-box }
.grpd h2 				{ color: #22384D; text-align: center; font-weight: bold; text-transform: none }
.grpd .grpd-icone 	 	{ text-align: center }
.grpd .grpd-icone img 	{ width: 48px; height: auto }

.legal-reglement		{ margin-top: 5%; font-size: 11px; line-height: 1.1em; text-align: justify }

@media (max-width: 1200px){
.grpd					{ padding: 0 5% }
}

@media (max-width: 768px){
.grpd .grpd-bloc		{ display: inline-block; width: 45% }
}
@media (max-width: 480px){
.grpd form, .grpd .grpd-legal { display: block; width: 90%; margin: auto }
.grpd .grpd-intro		{ font-size: 14px }
.grpd form input 		{ font-size: 13px; letter-spacing: 2px }
.grpd .grpd-bloc 		{ display: block; width: 90%; margin: auto; min-height: inherit; margin-bottom: 2% }
}

.legal					{ width: 70%;  margin: 2% auto; text-align:justify }

#pied {  width: 100%; min-height: 150px; background-color:#7D7465 }
/*#pied {  width: 100%; min-height: 150px; background-color:#000 }  */

#pied    A 			{ color:#332E2B }
#pied    A:hover 	{ color:#C2B6B0 }

#pied #texte {
	width: 930px;
	padding: 25px 0;
	font-size: 11px;
	line-height:15px;
	text-align: justify;
}
#pied #texte-hp {
	width: 930px;
	padding: 25px;
	font-family: "Comic Sans MS", Verdana;
	font-size: 14px;
	line-height:18px;
	text-align: center;
}

#pied #copyright {
	font-family: "Century Gothic", "Arial Narrow", Arial;
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:2px;
	word-spacing:2px;
	color:#E4DFDC;
	text-align:center
}

#pied #societe {
	margin-top: 20px;
	font-family: "Century Gothic", "Arial Narrow", Arial;
	font-size: 11px;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:2px;
	word-spacing:2px;
	color:#332E2B;
	text-align:left
}

#cookie-notice				{ position: fixed; top: 0; width: 100%; box-sizing: border-box; color: #fff; font-size: 16px; letter-spacing: 1px;  background-color: #AAB7B0; text-align:center; padding: 1% 10%; z-index: 99 }
#cookie-notice img			{ float: right; margin-left: 5%; width: 48px; height: auto; cursor: pointer }