html, body  {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background: #c82884;*/
	background: #9F0E97;
}


/*** STYLE GENERAL start ***/
.clearleft { clear: left; }
.clearright  { clear: right; }
.clearboth { clear: both; }
.clearleft2 {
	height:1px;
	padding: 0px;
	margin: 0px;
	clear: left;
}
img.picto { text-align: center;}
img.picto2 { position: relative; top:3px; padding: 0px 3px 0px 3px;}
.fleft {float: left;}
.fright {float: right;}
a img { border: 0px;}
h2 { margin: 0px; padding: 0px; color: #3399ff; font-size: 14px;}
h3 { margin: 0px; color: #FFFFFF; padding-top: 15px;}
h4 { margin: 0px; color: #333333; font-size: 12px;}
.champ_bleu { color: #3399FF; border: 1px solid #d6d6d6; width: 140px; padding: 1px 1px 1px 2px;}
.s11 { font-size: 11px; }
.hidden {display:none; }
a.lien_bleu {color: #3399FF; font-weight: bold; text-decoration:none;}
a.lien_bleu:hover {text-decoration:underline;}
.asterix {color:  #ffffff;}
.orange  {color:  #efa675;}
.violet  {color:  #A9006A;}
.b { font-weight: bold; }
form { margin: 0px; }
.ligne_blanche {
	width: 100%;
	padding: 0px 0px 4px 0px;
	background: #ffffff;
	font-size: 1px;
}
.bleub { font-weight: bold; color: #0099cf;}
.roseb { font-weight: bold; color: #a9006a;}
p {padding: 0; margin: 0;}
/*** STYLE GENERAL end ***/

/*** HEADER START ***/
#header {
	background: #ffffff;
	/*padding: 8px 0px 9px 0px;*/
	padding: 4px 0px 4px 0px;
	width: 100%;
}
#header .bg{
	/*background: url('/img/header_bg.gif') repeat-x;*/
	background: #9F0E97;
	height: 108px;
	width: 100%;
}

#header .content {
	position: relative; 
	margin: auto;
	width: 770px;
}
#header .logo {
	float: left;
}

#header .connexion {
	float: left;
	color: #ffffff;
	font-size: 9px;
	padding: 7px 16px 0px 10px;
}
#header .lab {
	padding: 0px 0px 5px 0px;
}
#header .valid { padding: 0px 0px 3px 0px; }
#header .valid a { color: #ffffff; }
#header .valid a:hover { text-decoration: none; }
#header .lien { padding: 0px 0px 0px 0px; }
#header .lien a { color: #ffffff; }
#header .lien a:hover { text-decoration: none; }
#header .inp {
	padding: 0px 0px 5px 0px;
}
#header .inp input{
	border: 0px;
	background: #eed7e1;
	width: 121px;
	padding: 1px 0px 1px 3px;
}
/*** HEADER END ***/


/*** MAIN START ***/
#main {
	background: #0099cf;
}
#main .content {
	position: relative; 
	margin: auto;
	width: 770px;
	width: 825px;
}
#menu {
	float: left;
	padding: 43px 0px 0px 0px;
	width: 192px;
	text-align:center;
}
#menu .nav {}
#menu .nav ul {
	margin: 0px;
	padding: 0px;
}

.menu_lien {
	clear: left;
	padding: 4px 0px 4px 0px;
}
.menu_lien a {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.menu_lien a:hover {
	/*color: #ee4688;*/
	color: #94c439;
}

.lien_rose_left {
	background: url('/img/menu_lien_left.gif') no-repeat;
	width: 3px;
	height: 21px;
	float: left;
}
.lien_rose_middle {
	/*background: #ee4688;*/
	background: #94c439;
	height: 18px;
	float: left;
	padding: 3px 5px 0px 5px;
}
.lien_rose_middle a{
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.lien_rose_middle a:hover{
	color: #ffffff;
}
.lien_rose_right {
	width: 3px;
	background: url('/img/menu_lien_right.gif') no-repeat;
	height: 21px;
	float: left;
}


.white_bloc {
	padding: 0px 0px 9px 19px;
	line-height: 13px;
}
.recommande {
	padding-top: 10px;
	color: #e20079;
	font-size: 13px;
	font-weight: bold;
}
.recommande input {
	color: #e20079;
	font-size: 11px;
	font-weight: bold;
	background: #e9e7e7;
	width: 126px;
	margin: 6px 0px 2px 0px;
	text-align: center;
	border: 1px solid #c9c9c9;
}
.newsletter {
	color: #005f96;
	font-size: 12px;
	font-weight: bold;
}
.newsletter input {
	color: #005f96;
	font-size: 11px;
	font-weight: bold;
	background: #e9e7e7;
	width: 126px;
	margin: 6px 0px 2px 0px;
	text-align: center;
	border: 1px solid #c9c9c9;
}
.white_bloc .valider {
	padding: 5px 0 0 0;
}
.white_bloc .top {
	background: url('/img/bloc_white_top.gif') no-repeat;
	width: 151px;
	height: 6px;
	font-size: 1px;
}
.white_bloc .middle {
	background: url('/img/bloc_white_middle.gif') repeat-y;
	width: 141px;
	padding: 0px 5px 0px 5px;
}
.white_bloc .bottom {
	background: url('/img/bloc_white_bottom.gif') no-repeat;
	width: 151px;
	height: 10px;
	font-size: 1px;
}
/*** MAIN END ***/

#page {
	float: left;
	width: 470px;
	margin-left: -12px;
}

#page .accueil_sep {
	float: left;
	background: url('/img/accueil_sep.gif') no-repeat;
	width: 38px;
	height: 522px;
	
}
#page .accueil_img {
margin: 0 0 0 0px;
}
#page .sep {
	float: left;
	background: url('/img/sep_bleu.gif') no-repeat;
	width: 41px;
	height: 521px;
}
#page .titre {
	float: left;
	padding: 21px 0px 0px 15px;
	height: 50px;
	
}
#page .titre h1 {
	display:none;
}
#page .contenu {
	float: left;
	width: 361px;
	color: #ffffff;
	padding: 5px 0px 10px 20px;
	font-size: 14px;
}

#page .contenu p{
	padding: 0px 0px 10px 0px;
}

#page .contenu .sstitre, #page .contenu h3,  #page .contenu h4 {
	/*color: #0099cf;*/
	/*color: #c82784;*/
	color: #a9006a;
	/*color: #ee4688;*/
	/*text-decoration: underline;*/
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

#page .contenu h3 { font-size:16px; }
#page .contenu h4 { font-size:14px; }

.ccm {}
.ccm .label {
	float: left;
	font-size: 14px;
	width: 80px;
}
.ccm .val {
	font-size: 14px;
	margin-left: 80px;
}

.ccm a {
	/*color: #0099cf;*/
	color: #a9006a;
}

.ccm .zone2 {
	/*color: #0099cf;*/
	color: #ffffff;
	padding: 15px 0 0 0;
	font-size: 14px;
}
.ccm .zone3 {
	
	padding: 15px 0 0 0;
	font-size: 12px;
	line-height: 16px;
}
.ccm ul {
	margin: 0px;
}

.ccm .zone4 {
	padding: 15px 0 0 0;
	font-size: 12px;
	line-height: 16px;
}
.ccm .zone4 a {
	/*color: #0099cf;*/
	color: #a9006a;
}
.ccm .zone5 {
	padding: 15px 0 0 0;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	color: #ffffff;
}


/*** PAGE INSCRIPTION ***/
.formulaire {}
.formulaire .champ {
	padding: 0px 0px 5px 0px;
}
.formulaire .champ label {
	display:inline;
	float:left;
	padding: 0px 10px 0px 0px;
	width:130px;
	text-align: right;
}
.formulaire .champ input.radiob {
	border: 0px solid #D6D6D6;
	width: 15px;
}
.formulaire .champ .radiolabel {
	color: #ffffff;
}
.formulaire .champ input {
	color: #C82784;
	width: 205px;
	background: #e3e3e3;
	border: 0px;
}
.formulaire .champ select {
	color: #C82784;
	width: 205px;
	background: #e3e3e3;
	border: 0px;
}
.formulaire .champ select.select_jour {
	width: 45px;
}
.formulaire .champ select.select_mois {
	width: 96px;
}
.formulaire .champ select.select_annee {
	width: 56px;
}

.formulaire .labelaction {
	color: #ffffff;
	padding: 10px 0 0 0;
}
.formulaire .labelaction a {
	color: #ffffff;
}
.formulaire .labelaction a:hover {
	text-decoration: none;
}

.btn_submit {
	padding: 0px 0 20px 70px;
}
.btn_submit .left {
	float: left;
	background: url('/img/btn_submit_left.gif') no-repeat;
	width: 7px;
	height: 18px;
}
.btn_submit .middle {
	float: left;
	background: url('/img/btn_submit_middle.gif') repeat-x;
	height: 15px;
	line-height: 12px;
	padding: 3px 3px 0px 3px;
}
.btn_submit .middle a{
	color: #005F96;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	
}
.btn_submit .right {
	float: left;
	background: url('/img/btn_submit_right.gif') no-repeat;
	width: 7px;
	height: 18px;
}

.inscription_etape2 {
	font-size: 12px;
	line-height: 16px;
}
.inscription_etape2 .question {
	font-weight: bold;
	color: #ffffff;
}
.inscription_etape2 .reponses {
	padding: 0px 0px 20px 0px;
}

#page .accueil_flash {
	float: left;
}

#page .accueil_img {
	float: left;
}

#page #video {
	position : absolute;
	bottom : 5px;
	left: 320px;
	margin : 0;
	padding : 0;
}

#page_right {
	float :left;
}
#page_right .encart_flash {
	padding: 20px 0px 0px 10px;
}

#page_right .polaroid_1 {
	
	position: absolute;
	top: 141px;
	/*margin-left: -19px;*/
	margin-left: 9px;
	
}

/*** FOOTER START ***/
#footer {
	/*background: #c82884;*/
	background: #9F0E97;
	margin: 9px 0px 0px 0px;
	width: 100%;
}
#footer .content {
	position: relative; 
	margin: auto;
	width: 780px;
}

#footer .baseline {
	text-align:center;
	color: #d16b9b;
	font-size: 10px;
}
#footer .baseline a {color: #ffffff;}
#footer .baseline a:hover { text-decoration: none;}
#footer .baseline2 {
	text-align:center;
	color: #ffffff;
	font-size: 10px;
	padding: 6px 0px 0px 0px;
}
#footer .aps {
	position: absolute;
	top: 4px;
	right: 39px;
}
#footer .vistavoyages {
	position: absolute;
	top: -150px;
	right: -7px;
	font-size: 11px;
	font-weight: bold;
	/*color: #ff01ad;*/
	color: #ffffff;
	line-height: 12px;
}

#footer .arbres {
	position: absolute;
	top: -60px;
	left: -50px;
}
/*** FOOTER END ***/


/***   ALERTE JS START  ***/

#alerteJS {
	position: absolute;
	width: 334px;
	display: none;
	left:50%;
	margin-left: -160px;
	z-index: 50;
}
#alerteJS .top {
	background: url('/img/alerteJS2_top.gif') repeat-y;
	width: 303px;
	height: 14px;
	font-size:1px;
}
#alerteJS .center {
	background: url('/img/alerteJS2_middle.gif') repeat-y;
	width: 303px;
	padding: 0px 0px 0px 0px;
	color: #232323;
	font-weight: bold;
	min-height: 43px;
}
#alerteJS .pictoJS {
	padding: 0px 0px 0px 12px;
	float: left;
}
#alerteJS #alerteJS_middle {
	margin-left: 60px;
}
#alerteJS a {
	text-decoration: none;
	color: #A9006A;
}
#alerteJS .action {
	background: url('/img/alerteJS2_middle.gif') repeat-y;
	width: 304px;
	padding: 5px 0px 0px 0px;
	color: #232323;
	font-weight: bold;
	text-align: center;
}
#alerteJS .bottom {
	background: url('/img/alerteJS2_bottom.gif') no-repeat;
	width: 303px;
	height: 16px;
}
/***   ALERTE JS END  ***/

/***   forgetpwd JS START  ***/

#forgetpwd {
	position: absolute;
	width: 334px;
	display: none;
	left:50%;
	margin-left: -160px;
	z-index: 30;
}
#forgetpwd .top {
	background: url('/img/alerteJS2_top.gif') repeat-y;
	width: 303px;
	height: 14px;
	font-size:1px;
}
#forgetpwd .center {
	background: url('/img/alerteJS2_middle.gif') repeat-y;
	width: 283px;
	padding: 0px 10px 0px 10px;
	color: #232323;
	font-weight: bold;
	min-height: 43px;
}
#forgetpwd .pictoJS {
	padding: 0px 10px 0px 6px;
	float: left;
}
#forgetpwd a {
	text-decoration: none;
	color: #A9006A;
}
#forgetpwd .action {
	background: url('/img/alerteJS2_middle.gif') repeat-y;
	width: 304px;
	padding: 5px 0px 0px 0px;
	color: #232323;
	font-weight: bold;
	text-align: center;
}
#forgetpwd .bottom {
	background: url('/img/alerteJS2_bottom.gif') no-repeat;
	width: 303px;
	height: 16px;
}
/***   ALERTE JS END  ***/

/***   RECOMMANDE JS START  ***/

#recommande {
	position: absolute;
	width: 334px;
	display: none;
	left:50%;
	margin-left: -160px;
	z-index: 30;
}
#recommande .top {
	background: url('/img/alerteJS2_top.gif') repeat-y;
	width: 303px;
	height: 14px;
	font-size:1px;
}
#recommande .center {
	background: url('/img/alerteJS2_middle.gif') repeat-y;
	width: 283px;
	padding: 0px 10px 0px 10px;
	color: #232323;
	font-weight: bold;
	min-height: 43px;
}
#recommande .pictoJS {
	padding: 0px 10px 50px 6px;
	float: left;
}
#recommande a {
	text-decoration: none;
	color: #A9006A;
}
#recommande .action {
	background: url('/img/alerteJS2_middle.gif') repeat-y;
	width: 304px;
	padding: 5px 0px 0px 0px;
	color: #232323;
	font-weight: bold;
	text-align: center;
}
#recommande .bottom {
	background: url('/img/alerteJS2_bottom.gif') no-repeat;
	width: 303px;
	height: 16px;
}
/***  RECOMMANDE JS END  ***/