
	.newsletter {color:#675c55;}
	.newsletter #acces-direct {margin-bottom:15px;}
	
	/* perso image right section */
	.newsletter #right-section dl {padding:9px 0 514px 16px; background-image:url(../img/intern/newsletter/right-bg-recevoir-la-newsletter-du-groupe-cmh.jpg)}
	.nousContacter #right-section dl {padding:9px 0 566px 16px; background-image:url(../img/intern/nous_contacter/right-bg-nos-coordonnees.jpg)}
	.nos-agences #right-section dl {padding:9px 0 753px 16px; background-image:url(../img/intern/nous_contacter/right-bg-nos-agences.jpg)}


	
	
	
/* section NOUS CONTACTER */
	.nousContacter #acces-direct {margin-bottom:15px;}
	
	.nousContacter .noustrouver {clear:both; float:left; width:569px; margin-bottom:20px}
	.nousContacter .noustrouver h3 {font-size:1.4em;}
	
	.nousContacter .noustrouver p {padding-left:0; font-size:1.1em;}
	.nousContacter .noustrouver div.adresse {float:left; height:286px; position:relative}
	.nousContacter .noustrouver div.adresse p {font-weight:bold;}
	.nousContacter .noustrouver div.adresse img {position:absolute; bottom:0; left:0; border:3px solid #aa9f97;}
	.nousContacter .noustrouver div.carte {float:right; border:3px solid #aa9f97;}
	
	fieldset.formNewletter ul.contenuMail {clear:both; padding:10px 0 0 10px; .padding-top:0}
	fieldset.formNewletter ul.contenuMail li {margin-top:10px}
	fieldset.formNewletter ul.contenuMail li select {width:545px}
	fieldset.formNewletter ul.contenuMail li textarea {width:545px; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:1em}
	
	
	
	
/* default styles */	
	p.toSuscribe {clear:both; margin-top:20px; padding:0; font-size:1.2em; color:#675c55; font-weight:bold}
	p.champsObligatoire {margin:13px 0; padding:0; font-size:1.2em; color:#d20423;}

	fieldset.defaultForm {padding:15px 0 0 0; font-size:1.1em; border:0; border-top:1px solid #675c55; background:#f6f5f2}
	fieldset.defaultForm ul {width:559px; padding-left:10px; clear:both;}
	fieldset.defaultForm ul li {width:559px; clear:both; float:left; padding-bottom:3px}
	fieldset.defaultForm ul li label {width:125px; float:left; padding:5px 0 0 0}
	fieldset.defaultForm ul li input {width:200px; float:left; padding:2px 2px 0 2px}
	fieldset.defaultForm ul li textarea {width:350px; height:100px; float:left; padding:2px 2px 0 2px}
	fieldset.defaultForm ul li label.auto {width:auto; padding-right:20px;} 
	fieldset.defaultForm ul li input.auto {width:auto; margin:5px 3px 0 0; .margin:0} 
	
	fieldset.defaultForm ul li.noLabel {padding-left:125px; width:534px}
	fieldset.defaultForm ul li.topSpace {margin-top:20px}
	fieldset.defaultForm ul li.upload label {width:160px}
	fieldset.defaultForm ul li.upload label small {display:block}
	fieldset.defaultForm ul li.upload input {width:260px}
	
	fieldset.defaultForm ul li.erreurSaisie label {color:#ff0000} /* #bb4646 */
	fieldset.defaultForm ul li.erreurSaisie input {border-color:red;border-style: solid;border-width: 1px; width:201px;}
	fieldset.defaultForm ul li.erreurSaisie textarea {border-color:red;border-style: solid;border-width: 1px; width:351px;}
	fieldset.defaultForm ul li.erreurSaisie input.required {border:1px solid color:#ff0000}
	fieldset.defaultForm ul li.erreurSaisie input.requiredradio {width:12px; margin-top: 0px; margin-left: 5px; margin-right: 5px; border:1px solid color:#ff0000}
	fieldset.defaultForm ul li.erreurSaisie input.mail {border:1px solid color:#ff0000}

	fieldset.defaultForm p.submit {clear:both; float:left; width:556px; margin:15px 0 0 0; padding:5px 13px 5px 0; background-color:#675C56;}
	fieldset.defaultForm p.submit input {float:right; margin-top:2px}
	fieldset.defaultForm p.submit a {float:right; padding:0 0 0 18px; margin-right:20px; font-size:1.1em; color:#fff; font-weight:bold; background:url(../img/pics/arrow-grey-right.gif) 0 2px no-repeat}
	fieldset.defaultForm p.submit a:hover {text-decoration:underline}
	



/* newsletter form */
	fieldset.formNewletter {padding:15px 0 0 0; font-size:1.1em; border:0; border-top:1px solid #675c55; background:#f6f5f2}
	fieldset.formNewletter p.youAre {float:left; width:80px; padding:0 0 0 10px; .padding-top:4px}
		
	fieldset.formNewletter ul.youAre {float:left; width:470px; padding-bottom:10px; .padding-bottom:0}
	fieldset.formNewletter ul.youAre li {float:left; width:150px; margin-bottom:5px; .margin-bottom:0;}
	fieldset.formNewletter ul.youAre li.right {width:320px; clear:right}
	fieldset.formNewletter ul.youAre li input {float:left; margin-right:5px}
	fieldset.formNewletter ul.youAre li label {padding-top:0; .padding-top:4px; float:left}
	
	fieldset.formNewletter ul.coordonnees {clear:both; padding-left:10px}
	fieldset.formNewletter ul.coordonnees li {margin-top:5px; clear:both; float:left; width:400px}
	fieldset.formNewletter ul.coordonnees li label {float:left; width:80px; padding:3px 0 0 0 }
	fieldset.formNewletter ul.coordonnees li input {width:196px; padding:2px 2px 0 2px; float:left;}
	
	#main fieldset.formNewletter ul li.longLabel label {width:180px}
	#main fieldset.formNewletter ul li.erreurSaisie label {color:#d20423}
	#main fieldset.formNewletter ul li.erreurSaisie input {border:1px solid #d20423;}
	
	fieldset.formNewletter p.centreInteret {clear:both; padding:20px 0 3px 10px; .padding-top:5px}
	fieldset.formNewletter ul.centreInteret {padding-left:10px}
	fieldset.formNewletter ul.centreInteret li {float:left; padding-top:2px;}
	fieldset.formNewletter ul.centreInteret li.clear {width:400px; clear:both}
	fieldset.formNewletter ul.centreInteret li.clear label {}
	fieldset.formNewletter ul.centreInteret li input.autre {width:250px;}
	fieldset.formNewletter ul.centreInteret li input {float:left; margin:0 5px 3px 0}
	fieldset.formNewletter ul.centreInteret li label {float:left; padding:0 25px 0 0; .padding-top:4px}
	fieldset.formNewletter ul.centreInteret li.collectivitesFirstLine {width:33%}	
		
	fieldset.formNewletter p.submit {clear:both; float:left; width:556px; margin:15px 0 0 0; padding:5px 13px 5px 0; text-align:right; background-color:#675C56;}


/* nos agences */
	.nos-agences {}
	.nos-agences #acces-direct {margin-bottom:15px;}
	
	.nos-agences h4 {padding:3px 5px; color:#fff; font-size:1.2em; background-color:#675c56}
	.nos-agences .adresses-groupe {width:568px; float:left; clear:both; padding:15px 0; border-bottom:1px solid #aa9f97}
	.nos-agences .adresses-groupe img {float:left}
	.nos-agences .adresses-groupe .horaires {height:auto; padding-bottom:3px; color:#aa9f97; border-bottom:1px solid #aa9f97}
	.nos-agences .adresses-groupe .horaires span {display:block; padding:5px 0 0 12px; font-size:1.1em; color:#bb4646; background:url(../img/pics/phone-red.gif) 0 0 no-repeat}
	.nos-agences .adresses-groupe p {float:left; width:284px; height:80px;}
	.nos-agences .adresses-groupe p a {display:block; font-size:1.1em; color:#bb4646}
	.nos-agences .adresses-groupe p a:hover {text-decoration:underline}
	.nos-agences .adresses-groupe p a.mailto {color:#646666; font-size:1em}
	
	#agences-nord {}
	#agences-nord img {margin-right:130px}
	#agences-nord .horaires {margin:20px 0 30px 0}
	
	#agences-pdc {}
	#agences-pdc img {float:right}
	#agences-pdc .horaires {width:264px; margin:20px 0}
	
	#agences-paris {}
	#agences-paris img {margin-right:130px;margin-bottom: 100px}
	#agences-paris p {width:254px}
	#agences-paris .horaires {margin:50px 0 10px 0}

	#agences-nantaises {}
	#agences-nantaises img {margin:10px 60px 0 0}
	#agences-nantaises .horaires {margin:50px 0 10px 0}
	#agences-nantaises p {width:254px}
	
	
	#overlay {display:none; width:100%; height:1200px; position:absolute; top:0; left:0; z-index:98; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; background-color:#a1958d}
	
	.detailAgence {display:none; position:absolute; top:300px; left:50%;  z-index:99; margin-left:-285px; width:549px; padding:50px 10px; border:3px solid #aa9f97; background-color:#fff}
	.detailAgence .cartographie {float:right; height:255px; border:3px solid #aa9f97;}
	.detailAgence p {float:left; color:#675c55}
	.detailAgence p a {color:#675c55}
	.detailAgence p span {display:block; padding-bottom:5px; font-size:1.4em}
	.detailAgence .visuel {position:absolute; bottom:50px; left:10px;}
	.detailAgence .fermerPopup {position:absolute; top:10px; right:10px;}
	
	#arras {top:600px;}
	#paris {top:800px;}
	#nantes {top:1000px;}
	
	

