/* ---------------------------------------
	DECLARATIONS GENERALES 
----------------------------------------- */

body {
	background:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	color:#FFFFFF;
	text-align:left;
	margin:0;
	font-size:12px;
}
a img, a, img {
	border:none;
	padding:0;
}
form {
	padding:0;
	margin:0;
	border:0;
}
h1 {

}
h2 {

}
h3 {
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0;
	text-transform:uppercase;
}
h4 {

}
h5 {

}
h6 {

}
div {
	padding:0;
	margin:0;
}

/* HACK PNG TRANSPARENT */
img, #lelogo { behavior: url(vinclude/iepngfix.htc); }
img, #content { behavior: url(vinclude/iepngfix.htc); }
img, #logopnf { behavior: url(vinclude/iepngfix.htc); }
img, #fleche_retour_img { behavior: url(vinclude/iepngfix.htc); }
#blocleft, #blocright, .bottom_popin_news { behavior: url(vinclude/iepngfix.htc); }

/* DEBUT COMPORTEMENTS GÉNÉRAUX */
.upper {
	text-transform:uppercase;
}
.bold {
	font-weight:bold;
}
.float {
	float:left;
}
.floatr {
	float:right;
}
.padoff {
	padding:0;
}
.margeoff {
	margin:0;
}
.pad15 {
	padding:0 0 0 15px;
}
.cb50 {
	clear:both;
	font-size:1px;
	height:50px;
	overflow:hidden;
}
.cb20 {
	clear:both;
	font-size:1px;
	height:20px;
	overflow:hidden;
}
.cb15 {
	clear:both;
	font-size:1px;
	height:15px;
	overflow:hidden;
}
.cb10 {
	clear:both;
	font-size:1px;
	height:10px;
	overflow:hidden;
}
.cb5 {
	clear:both;
	height:5px;
	font-size:1px;
	overflow:hidden;
}
.cb4 {
	clear:both;
	height:4px;
	font-size:1px;
	overflow:hidden;
}
.cb1 {
	clear:both;
	height:1px;
	font-size:1px;
	overflow:hidden;
}

.marge10r {
	margin-right:10px;
}

.marge20l {
	margin:0 0 0 20px;
}

.tcenter {
	text-align:center;
}

/* CONTENU */

/* Les Backgrounds */
.background1 {
	background-color:#51B348;
	background-image: url(../imgs/background_andros_01.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
}

/* Les contenus */
#page {
	background-position: 0px 0px;
	padding-top:10px;
}

#content {
	width:974px;
	height:544px;
	/*position:relative;*/
	background:transparent url(../imgs/fond_transparent.png) top left no-repeat;
	margin:0 auto;
}

#main {
	position:relative;
}

#header {
	height:65px;
	width:974px;
}

#header_content {
	color:#018737;
	padding:20px 15px 5px 5px;
}

#header_content .box {
	height:23px;
	border:1px solid #C4CEBE;
	background-color:#E1EADA;
	float:left;
	margin-right:1px;
}

#header_content .box label {
	float:left;
	line-height:23px;
	margin-left:10px;
}

#header_content .box input.intexte {
	height:14px;
	margin:3px 4px 3px 5px;
	border:1px solid #848484;
	font-size:11px;
	color:#018737;
	width:115px;
}

#header_content .box a.uplink {
	text-transform:uppercase;
	text-decoration:none;
	color:#018737;
	line-height:23px;
	padding:0 10px;
}

#header_content .box a.uplink:hover {
	text-decoration:none;
}

#main_content {
	position:relative;
	width:974px;
	height:479px;
}

#wrapper_content {
	padding:0 15px;
}

#blocleft {
	width:445px;
	height:455px;
	float:left;
}

.fondl1 {
	background:transparent url(../imgs/fond_bloc_gauche_01.png) top left no-repeat;
}

.fondl2 {
	background:transparent url(../imgs/fond_bloc_gauche_02.png) top left no-repeat;
}

.fondl3 {
	background:transparent url(../imgs/fond_bloc_gauche_03.png) top left no-repeat;
}
.fondl4 {
	background:transparent url(../imgs/fond_bloc_gauche_04.png) top left no-repeat;
}
.fondl5 {
	background:transparent url(../imgs/fond_bloc_gauche_05.png) top left no-repeat;
}
#blocright {
	width:469px;
	height:455px;
	margin-left:30px;
	_margin-left:31px;
	float:left;
}

.fondr1 {
	background:transparent url(../imgs/fond_bloc_droite_01.png) top right no-repeat;
}
.fondr2 {
	background:transparent url(../imgs/fond_bloc_droite_02.png) top right no-repeat;
}
.fondr3 {
	/*margin-top:100px;*/
	width:471px;
	height:354px;
}

#bloc_0 {
	position:relative;
	padding:0 25px 0 0px;
}

#bloc_2 {
	margin-top:130px;
	padding:0 15px 0 15px;
}


#bloc_3 {
	margin-top:130px;
	padding:0 15px 0 15px;
}

#bloc_5 {
	margin-top:110px;
	padding:0 15px 0 15px;
}

#bloc_6 {
	width:469px;
	height:455px;
	margin-left:30px;
	_margin-left:31px;
	float:left;
}

#bloc_flash { 
	margin-top:95px;
	padding:0px;
	height:328px; position:relative; z-index: 1999;
}
#bloc_flash .retour_left{ position:absolute; top:0px; left:0; z-index:2020; border: solid 30px red; }
#bloc_flash a { border: solid 30px red; }
#bouteille_flash2 { z-index: 2010; }
#bouteille_flash3 { z-index: 2011; }




#form_remboursement_left {
	float:left;
	height:145px;
	margin-right:20px;
	width:245px;
}

#form_remboursement_left .left_input {
	float:right;
	height:14px;
	border:1px solid #848484;
	font-size:11px;
	color:#CB007B;	
	padding:1px 2px;
}

#form_remboursement_left label {
	float:left;
}

#bloc_2 p {
	color:#FFFFFF;
	padding:0;
	margin:5px 0;
	font-size:11px;
}

#bloc_2 p strong{
	font-size:12px;
}

#mentions_bloc_2{
	color:#CB007B;
	float:left;
	font-size:11px;
	height:30px;
	margin-top:37px;
	width:160px;
}

#bloc_3 p {
	color:#FFFFFF;
	padding:0;
	margin:0;
	line-height:15px;
	line-height:12px !ie7;
}

#newsletterpopin p .radioform, 
#bloc_3 p .radioform {
	margin:1px 0 0 0;
	padding:0;
}

#newsletterpopin p label,
#bloc_3 p label {
	margin:0 5px 0 0;
	padding:0;
	vertical-align:top;
	_vertical-align:baseline;
	vertical-align:baseline !ie7;
	width:20px;
}

#bandeau_content {
	position:absolute;
	top:0;
	left:15px;
	z-index:1000;
}

#newsletterpopin {
	position:absolute;
	width:356px;
	height:182px;
	top:19px;
	left:186px;
	z-index:10000;
	color:#119F10;
}

.nlform {
	background:transparent url(../imgs/popin_news_bckgnd_top.png) top left no-repeat;
}

.nlok {
	background:transparent url(../imgs/popin_news_bckgnd_top_ok.png) top left no-repeat;
}

.bottom_popin_news {
	display:block;
	position:absolute;
	top:153px;
	z-index:11000;
}

#newsletterpopin #left_popin  {
	width:200px;
	margin-left:20px;
}

#newsletterpopin #left_popin p  {
	margin:10px 0 5px 0;
	padding:0;
}

#newsletterpopin #left_popin #EMAIL_NEWS_P  {
	margin:5px 0 10px 0;
}

#newsletterpopin #left_popin input  {
	height:14px;
	margin:0;
	border:1px solid #848484;
	font-size:11px;
	color:#119F10;
	padding:0 2px;
	width:130px;
}

#valid_news {
	cursor:pointer;
	left:95px;
	position:absolute;
	top:149px;
	width:74px;
	z-index:20000;
}

#footer {
	font-size:11px;
}

#footer a {
	color:#B6D6C4;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;	
}

#logopnf {
	bottom:20px;
	height:63px;
	position:absolute;
	right:5px;
	width:12px;
	z-index:25000;
}

#subcontact {
	background:transparent url(../imgs/backgnd_submenu.gif) top left no-repeat;
	border:0;
	padding:0;
	margin:0;
	position:absolute;
	top:46px;
	z-index:35000;
	width:154px;
	height:80px;
	left:534px;
}

#subcontact ul {
	list-style-position:inside;
	list-style-type:none;
	margin:5px 0;
	margin:5px 0 5px -15px !ie7;
	_margin:5px 0 5px -15px;
	padding:0;
}

#subcontact ul li {
	color:#018737;
	cursor:pointer;
	padding:0;
	font-size:10px;
	margin:10px 0 10px 4px;
}

#subcontact ul li:hover {
	text-decoration:underline;
}

#btn_retour a, 
#mentions_cnil a {
	text-decoration:underline;
	color:#018737;
}

#btn_retour a:hover, 
#mentions_cnil a:hover {
	text-decoration:none;
}

#bouton_fleche_retour {
	border:0;
	height:40px;
	left:16px;
	position:absolute;
	top:96px;
	width:37px;
	z-index:50000;
}

#fleche_retour_img {
	width:37px;
	height:40px;
}


/*Styles spécifiques pour chaque bloc*/

/*Position Flash*/
#bloc_0 #bouton_01{position:absolute; top:270px; left:0px;}
#bloc_0 #bouton_02{position:absolute; top:270px; left:155px;}
#bloc_0 #bouteille_flash{position:absolute; top:107px;}
#blocright #bouton_03{position:absolute; right:185px; top:353px; z-index:1010;}
/*Fin Position Flash*/

.retour_left{position:absolute; top:-35px; left:0; z-index:2020;}
.retour_right{position:absolute; top:75px; right:440px; z-index:2000;}


/*Bloc 2 - Chaque geste compte*/
#bloc_2{ margin-top:95px; padding:0px; height:328px; position:relative; z-index: 1999;}
#bloc_2 .retour_left { top: 0px; }
#bloc_2 #bouteille_flash2 { position: absolute; top: 12px; }
#bloc_2 h1 {color:#003C13; font-family:Arial,Helvetica,sans-serif; font-size:21px; font-weight:bold; margin-bottom:-5px;}
#bloc_2 h2 {color:#004f1f; font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:normal; margin:10px 0;}
#bloc_2 p {color:#003C13; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal; margin:0 0 0 210px;}
#bloc_2 .illus{float:left; padding:0 10px 20px 0;}
#bloc_2 .titres {float:left;font-size:14px;font-weight:bold;text-align:center;width:138px;}
#bloc_2 .pommer {color:#c30c24;padding-top:45px;}
#bloc_2 .pommec {color:#9a1e15;padding-top:15px;}
#bloc_2 .pommea {color:#d37a0c;padding-top:20px;}

#bloc_3{position:relative; z-index:1999;}
#bloc_3 h1 {color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; font-size:21px; font-weight:bold;}
#bloc_3 ul{list-style-type:none;}
#bloc_3 .ul_left{color:#00280D; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; position:relative; bottom:10px;}
#bloc_3 .ul_right{color:#00280D; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; position:relative; left:200px; bottom:40px;}

#bloc_5 h1{color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; margin:0px; padding:0px; position:relative; top:230px;  color:#68010f;}
#bloc_5 p{position:relative; top:240px; margin:0px; padding:0px;}
#bloc_5 strong{color:#68010f;}