/* -------------------------------------------
Credit / Aide
------------------------------------------- */

#page #content .leftContactAide{
	padding-top:216px;
	background:url(../img/bg-credit-aide-left.png) no-repeat 65px 10px;
}
#page #content .charte .leftContactAide{
	padding-top:216px;
	background:url(../img/bg-charte-left.png) no-repeat 65px 10px;
}
#page #content .contacts .leftContactAide{ padding-top:212px;}

#creditAide {background:url(../img/bg_content_credit-aide.png) no-repeat 0 0; color:#676767; /*height: 450px;*/}
#creditAide h2{padding-bottom:10px;}
#creditAide #contentRight p {font-size:12px; margin:10px 10px 10px 10px;}
/* Colonne Droite */
#creditAide #breadcrumbs strong {color:#0470c4;}

#contentRight  h1 {
	font-size:19px;
	text-transform:uppercase;
	font-weight:normal;
	line-height:25px;
	letter-spacing:1px;
	color:#0470c4;
	height:82px;
}

#creditAide #contentRight p#mention {font-size:11px; margin:10px 10px 10px 26px;}

#creditAide {background:url(../img/bg-credit-aide.png) no-repeat 0 0;}

#creditAide #contentRight #breadcrumbs {margin:0;}

/* ******************** */
/* Autres Sites */
/* ******************** */
#content .autreSites h1 {padding:35px 0 0 10px; height:68px;}
#content .autreSites h2 {color:#0470C4; font-size:15px; text-transform:uppercase;}
#creditAide #contentRight .siteInfos p{margin:0;}
#creditAide #contentRight .siteInfos .addSite{
	color:#0470C4;
	font-size:14px;
	text-decoration:none;
	display:block;
}
#creditAide #contentRight .siteInfos .addSite:hover{text-decoration:underline;}
#creditAide #contentRight .siteInfos .prodDesc {padding:10px 0;}
#creditAide h3 {float:left;}
#siteList{font-size:12px; color:#676767;}
#siteList li {overflow:hidden; padding-bottom:5px;}
.siteInfos {float:right; width:300px; padding:8px 75px 0 0;}
/* Colonne Gauche */
#contentLeft #boxcharte{background:url(../img/box-type2-top.png) no-repeat 0 0;}
#contentLeft #boxcontact{background:url(../img/box-type1-top.png) no-repeat 0 0;}

#contentLeft .boxType1Bott{
	background:url(../img/box-type2-bottom.png) no-repeat 0 bottom;
	padding-bottom:44px;
	position:relative;
}

#contentLeft .boxType1Bg{
	color:#676767;
	font-size:12px;
	overflow:hidden;
	padding:0 15px 0 25px;
}
.boxType1Top h4{padding:13px 0 0 20px;}
.boxType2Top h4{padding:8px 0 0 20px;}
#contentLeft .boxType1Bg{background:url(../img/box-type2-bg.png) repeat-y 0 0;}
#contentLeft .boxType1Bg{background:url(../img/box-type2-bg.png) repeat-y 0 0;}
.boxType1Bg .infoVisu{float:left; margin-top:10px;}
.boxType1Bg .boxInfos{float:right; width:178px; padding-left:5px; padding-top:10px;}
.boxType1Bg p{padding:10px 0; /*background:url(../img/bg-box-separation.png) no-repeat 50% bottom;*/}
.boxType1Bott p.boxLink{padding:10px 0 0 0; position:absolute; bottom:28px; left:25px;}
.boxType2Bg .boxInfos{float:left; width:158px; padding-left:5px; padding-top:10px;}
.boxType2Bg .infoVisu{float:right; margin-top:10px;}





/* ******************** */
/* Contacts */
/* ******************** */
#content .contacts h1 {padding:35px 0 0 10px; height:72px; color: #76b51e!important;}

#content .contacts #breadcrumbs strong{color: #76b51e!important;}


#content .contacts{background:url(../img/bg-contact.jpg) no-repeat 0 0!important;}

#page #content .contacts .leftContactAide{
	padding-top:250px;
	background:url(../img/bg-contact-left.png) no-repeat 0 7px;
}


#page #content .contacts .greenRoundTop{ margin-top:0px;}


#page #content .contacts h1 p {
    color: #676767;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    letter-spacing: normal;
    line-height: normal;
    margin-left:0!important;
	margin-top:5px!important;
}



#page #content .contacts h2 { color:#76b51e; font-size:14px; padding:0!important;}
#page #content .contacts ul {
	display:block;
	margin-top:5px;
	margin-left:10px;
	
	
}

#page #content .contacts li{
    background: url("../img/puce-green-title.gif") no-repeat scroll left 50% transparent;
    color: #676767;
	font-size:12px;
	padding:7px 10px 7px 22px;
	line-height:14px;
}

#page #content .contacts .subscribeFormFirstLi {
  background: none;
  padding-left: 5px;
}

#page #content .contacts .greenRoundTop .greenRoundBott #subscribe_errors_err li, #confirm_error li {
    background: url("../img/puce-green-title.gif") no-repeat scroll left 50% transparent;
}

#mention {
	clear:both;
	color:#9E9E9E;
	font-size:10px;
	padding:40px 25px 10px 0;
	text-align:justify;
}
#content h2{
	padding:5px 0 0 16px;
	margin-left:10px;
}
#content .autreSites h2{background:none; padding:0; margin:0;}
#creditAide address{
	font-size:13px;
	padding:15px 0 15px 36px;
	font-style:normal;
	line-height:15px;
}
#creditAide .blueRoundTop{background:url(../img/blue-corner-topleft.png) no-repeat 0 0 #cde2f3; padding:29px 0 0 0; margin-bottom:15px;}
#creditAide .blueRoundBott{background:url(../img/blue-corner-bottomright.png) no-repeat right bottom; width:580px;}
* html #creditAide .blueRoundBott{background:#cee3f7;}
* html #creditAide .blueRoundTop{background:#cee3f7;}

/* Contacts FORM*/
.contacts form {padding:0 10px 10px 0; overflow:hidden;}
.contacts fieldset{padding: 10px 0 20px 20px; }
.contacts legend{display: none;}
.contacts label{padding:0 5px 0 12px ; color:#363636; font-weight:bold; font-size:11px;}
.contacts fieldset input{height:15px; border:1px solid #ccc; font-size:12px;}
.contacts fieldset input#confirm_newsletter{ border:none; vertical-align: middle; }
.contacts select{border:1px solid #ccc; height:18px;}
.contacts hr{clear:left; visibility:hidden; height:1px; padding:0; margin-top:-20px;}
.contacts .oblig{ color:#9E9E9E; font-size:10px; padding-left:15px; padding-top:15px; }
#creditAide #contentRight form p {margin:0;}
.contacts form p{padding:0 15px 10px 0; margin:0;}
.blueRoundTop{position:relative;}
.blueRoundTop h3{position:absolute; left:10px; top:8px;}

/* Contacts FORM coordonnees */

#coord #nom, #coord #prenom{width:128px;}
#coord #code-postal{width:97px;}
#coord #adresse{width:255px;}
#coord #ville{width:277px;}
#coord #tel{width:104px;}
#coord #email, #coord  #conf-email{width:151px;}
#coord select{width:60px;}

/* Contacts FORM message */
#message{margin:0 0 10px 0;}
#message textarea{width:400px; height:120px; border:1px solid #ccc;}
#message #destinataire{width:150px;}
#message #sujet{width:360px;}
#btvalider{ float:right; padding:20px 80px 0 0;}
.textArea{overflow:hidden; }
.textArea label{float:left; }

.optin { position: relative; left:-16px;}
.optin label{float:right; margin: 5px; padding: 0 0 5px 0; width: 480px; }
.optin input{float:left; margin-left: 30px; }

/* Contacts FORM VALID OPTIN */
.contacts .boxfrm{ display:block; }
.contacts .boxfrm img{
	display:inline;
	float:left;
	width:206px;
	height:118px;
}

.contacts .boxfrm p.confirm{ display:block; clear:both; color:red; padding-top:20px; }



.contacts .optfrm{
	display:inline;
	float:left;
	
	width:360px;
	
	padding:10px!important;
	
}

.contacts .optfrm legend, .contacts .optfrm fieldset{ display:block; font-size:12px; padding:0!important; line-height:14px;  }
.contacts .optfrm fieldset div{ display:inline; float:left; padding:5px 0 5px 0; }
.contacts .optfrm input { height:auto!important; border:none!important;  display:inline; float:left;}

.contacts .optfrm label{ color:#76b51e; display:inline; float:left; font-size:12px; line-height:14px; }

.contacts .optfrm p{ display:block; clear:both; }


.contacts .boxnews{
	display:block;
	
	padding-top:22px;
	padding-left:35px;
	
	background-image:url(../img/bg_frm_news.jpg);
	width:540px;
	height:138px;
	
	margin-top:20px;	
}


.contacts .newsfrm{
	display:block;
	
	width:290px;
	height:110px;
	
	padding:0!important;
	
}


.contacts .newsfrm legend, .contacts .newsfrm fieldset{ display:block; font-size:12px; padding:0!important; line-height:14px; color:#5eb431; font-size:13px;  }
.contacts .newsfrm legend{ font-weight:bold; width:auto;}
.contacts .newsfrm fieldset div{ display:block; padding:5px 0 5px 0; margin-top:10px; }

.contacts .newsfrm label{ color:#363636; display:inline; float:left; font-size:11px; line-height:14px; padding-top:2px;}
.contacts .newsfrm .text{ color:#363636; display:inline; float:left; margin-top:2px; }
.contacts .newsfrm .submit{ display:inline; float:left; margin-left:6px; }




/* ******************** */
/* Charte */
/* ******************** */
#content .charte h1 {padding:35px 0 0 10px; height:82px;}
.charte .blueRoundTop ol{
	padding:10px 0 10px 40px;
	font-size:12px;
	font-weight:bold;
	color:#333;
}
.charte .blueRoundTop li{padding:0 0 10px 0;}
.charte .blueRoundTop{margin:0 10px 0 0;}
#complementAlim{padding:0 0 12px 0;}

#complementAlim p {
    line-height:15px;
}

#complementAlim p a {
    color:#676767;
    text-decoration:none;
}
