@charset "utf-8";
@import url(reset.css);

body { 
	text-align:center; background:#CC3333 url(../images/bg_body.jpg) repeat-x top left; font-size:1em; 
}

.bg_container_top {
	margin:10px auto;  text-align:left; width:960px;
	background:url(../images/bg_container_top.png) no-repeat top left;	
	position:relative;
}

.bg_container_bottom {
	background:url(../images/bg_container_bottom.png) no-repeat bottom left;
	padding:15px 0;
}

.container { 
	background:url(../images/bg_container_repeaty.png) repeat-y 0 0;
}

.container .tetiere {
	position: relative; margin:0 0 0 3px;
}

.container .tetiere h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #626068;
	margin:0 0 10px 15px 
}

.container .tetiere h1 em {
	font-size:0.58em; font-style:italic;
}

.tetiere {
	padding-bottom:2em;
}

.tetiere .slogan {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.94em;
	text-transform: uppercase;
	position: absolute;
	top: 8px;
	right: 15px;
	color:#626068;
}

.tetiere .chiffre {
	font-size:1.4em; line-height:1em;
}

.menu_principal {
	position:absolute; top:63px; left:3px; z-index:1000;
}

.menu_principal li {
	display:block; float:left; border-style:dotted; border-width:1px 1px 1px 0; border-color:#626068;
	position:relative; background-color:white; text-align:center;
}

.menu_principal li.home {
	width:50px; 
}

.menu_principal li.item01 {
	width:169px; 
}

.menu_principal li.item02 {
	width:185px;
}

.menu_principal li.item03 {
	width:80px;
}

.menu_principal li.item04 {
	width:148px;
}

.menu_principal li.item05 {
	width:176px;
}

.menu_principal li.last {	
	width:141px;
	border-width:1px 0 1px 0;
}

.menu_principal li a {
	color:#cc3333; line-height:2.19em; font-size:0.81em; font-family: Tahoma, Arial, serif; background-color:white; display:block;
}

.menu_principal li.home a {
	line-height:normal; height:2.19em; display:block; background:url(../images/bt_home.gif) no-repeat 5px 5px; width:30px; margin:0 auto;
}

.menu_principal li.home a span {
	display:none;
}

.menu_principal li.clear { border-width:0; float:none;	}

.menu_principal li ul {
	list-style:none;
	position:absolute;
	left:0; width:100%; z-index:10000;
}

.menu_principal li ul li {
	float:none;
	background-color:white;
	border-width:1px;
	border-color:#626068;
	padding:0 15px 0 36px;
}

.menu_principal li ul li.no_border_bottom {
	border-bottom:none;
}

/*contenu*/
.container .contenu {
	margin:0 0 0 3px;
}

.contenu .col_gauche, .contenu .col_droite {
	float:left;
}

/* .col_gauche  */
.col_gauche {
	width:250px; 
}

.col_gauche .bloc {
	padding:15px 15px 0 15px;
}

ul {
	list-style:none; 
}

.col_gauche ul a {
	color:#626068; font-size:0.81em; font-family: Tahoma, Arial, serif; line-height:normal;
}

.col_gauche h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#CC3333; font-size:1.31em; line-height:normal;
}

.col_gauche h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#CC3333; font-size:0.81em; line-height:normal;
}	

/* fin col_gauche */

/* col droite */

.col_droite {
	position:relative; background:url(../images/bg_col_droite.gif) repeat-y top left;
}

.visuel_top {
	height:300px;
	background:url(../images/bg_visuel_top.jpg) no-repeat top left;
	position:relative
}

.visuel_top .accroche {
	font-family: Georgia, "Times New Roman", Times, serif; font-size:1.5em; color:white;
	padding:15px; width:370px; line-height:1em; width:675px;
}	

.visuel_top div.flash {
	position:absolute;
	top:13px;	right:27px; 
	width:250px;
	height:285px;
}

.visuel_top .region {
	font-size:0.69em; font-family: Tahoma, Arial, serif; margin-top:3px;
}

.col_droite .ligne {
	margin-top:5px;
}

.col {
	float:left;
}

.ligne.nb1 .col.nb1 {
	width:450px; margin-right:5px; background:#231f20 url(../images/bg_degrade_gris.jpg) repeat-x top left;
	color:white; font-family: Georgia, "Times New Roman", Times, serif; min-height:250px;
}

.ligne.nb1 .col.nb1 .bg_ombre {
	background:url(../images/bg_ombre_degrade_gris.jpg) no-repeat top left; border-top:1px solid transparent; /*fix FF margin */
}

.ligne.nb1 .col.nb1 h3, .ligne.nb1 .col.nb1 p, .ligne.nb1 .col.nb1 ul {
	margin:10px 30px;
}

.ligne.nb1 .col.nb1 h3 { margin:30px 30px 20px 30px; font-size:1.31em; }
.ligne.nb1 .col.nb1 p {
	margin:0 30px; font-size:0.88em;
}

.ligne.nb1 .col.nb1 p, .ligne.nb1 .col.nb1 ul {
	font-size:0.88em; line-height:1.25em; font-family: Tahoma, Arial, serif; line-height:normal;
}

.ligne.nb1 .col.nb1 a.rouge {
	color:#ff3333; font-size:1.29em;
}

.ligne.nb1 .col.nb1 .rouge {
	color:#ff3333; font-size:1.29em;
}

.ligne.nb1 .col.nb1 p.small {
	color:#999999; font-size:0.63em;
}

.ligne.nb1 .col.nb2 {
	position:relative; width:250px; height:250px;
}

.col_droite .video {
	position:absolute; left:5px; top:305px; z-index:100
}

/*ligne2*/
.ligne.nb2 {
	background:url(../images/bg_form.gif) no-repeat right top;
}

.ligne.nb2 .col.nb1 {
	width:290px; margin-right:5px; color:#333333;
}

h3.plus_vert {
	color:#CC3333; margin:10px 30px 5px 30px; font-size:1.50em; font-family: Tahoma, Arial, serif; line-height:normal;
	padding-left:35px; line-height:1.50em; background:url(../images/bg_h3_plus.gif) no-repeat center left;
}

.ligne.nb2 .col.nb1 p {
	margin:0 30px; font-size:.81em; font-family: Tahoma, Arial, serif;
}

.ligne.nb2 .col.nb2 {
	width:405px; text-align:center; position:relative
}

.ligne.nb2 .col.nb2 h3 {
	font-size:1.31em; font-family: Tahoma, Arial, serif; line-height:normal; color:#333333; text-align:center; margin:10px 5px 10px 5px; 
}

.ligne.nb2 .col.nb2 h3 .reservez {
	color:#FF3333; font-weight:bold; 
}

.ligne.nb2 form table {
	width:360px;
}

.ligne.nb2 form td {
	padding:2px; text-align:right;
}
.ligne.nb2 form td.aL {
	text-align:left;
}

.ligne.nb2 label {
	display:block; font-family: Tahoma, Arial, serif; line-height:normal; color:#626068; font-size:0.81em; width:50px; text-align:right
}

.ligne.nb2 input, .ligne.nb2 select {
	font-family: Tahoma, Arial, serif; line-height:normal; color:#626068; font-size:0.88em; height:18px; padding:1px;
}

input#prenom, input#nom {
	width:100px; 
}

select#region {
	width:308px;height:auto
}

input#email {
	width:303px;
}

.ligne.nb2 .submit {
	background:url(../images/bg_bt_valider.png) no-repeat top left; font-size:0.88em; color:#333333; font-weight:bold;
	border:none; width:102px; height:37px; margin:5px 0 5px 10px;
} 
 
span.livret {
	display:block; position:absolute; width:230px; height:275px; background:url(../images/bg_livret.png) no-repeat top left;
	top:75px; left:120px; z-index:2;
} 

span.fleche_rouge {
	display:block; position:absolute; width:155px; height:93px; top:-25px; left:-100px; z-index:2; 
	background:url(../images/bg_fleche_rouge.png) no-repeat top left;
}

.edition_limitee {
	display:block; width:25px; height:140px; top:10px; right:-5px; z-index:2; 
	background:url(../images/edition_limitee.png) no-repeat top left;
	position:absolute; 
}
 
/* fin col droite */
#footer {
	text-align:center; font-size:.63em; color:#626068; font-family: Tahoma, Arial, serif; color:#626068;
	border-top:1px dotted #626068; padding:10px 10px 0 10px;
}

#footer a {
	font-size:1em; color:#626068; font-family: Tahoma, Arial, serif; color:#626068;
}

/* page interne */

.pg_interne .col_droite {
	min-height:800px; padding:30px; padding-right:0; font-family: Tahoma, Arial, serif; font-size:0.81em;
}

.pg_interne .col_droite p {
	margin-bottom:25px; 
}

.pg_interne .col_droite h2 {
	font-family: Georgia, "Times New Roman", Times, serif; font-size:1.85em; color:#CC3333; font-weight:normal;
	margin-bottom:13px;
}

.pg_interne .col_droite h3 {
	font-size:1.38em; font-family: Tahoma, Arial, serif; color:#CC3333; font-weight:normal; margin-bottom:8px; line-height:1.2em;
}

.pg_interne .col_droite .col.nb1 {
	width:390px;
}

.pg_interne .col_droite .col.nb2 {
	width:220px; margin-left:25px; position:relative;
}

.pg_interne .col_droite a {
	color:#CC3333; 
}

.pg_interne .col_droite span.faq {
	color:#CC3333; 
}

.pg_interne .col_droite .chapo {
	color:#F8951F; font-size:1.23em; /* .col_droite = 0.81em */
}

.pg_interne .col_droite .col.nb2 #encart .bContenu {
	padding:15px 7px 15px 7px; 
}

#encart {
	margin-top:180px;
	margin-bottom:25px;
}

#encart .bContenu p {
	font-size:0.85em; margin-bottom:13px;
}

#encart .bContenu {
	margin-top:20px;
}

.pg_interne .col_droite .col.nb2 .blocDroite h3.plus_vert {
	font-size:1.64em; /*  .col_droite > blocDroite >  */
	line-height:1.85em; 
	margin-left:0
}

.pg_interne .col_droite .col.nb2 .blocDroite {
	font-size:0.85em;
}

.pg_interne .col_droite .col.nb2 .passeport_couche {
	width:214px; height:199px; display:block; position:absolute; top:20px; left:-10px;
	background:url(../images/passeport_couche.png) no-repeat top left; z-index:2;
}

.pg_interne .edition_limitee {
	right:-40px; top:0; z-index:2; 
}

.orange {
	color:#F8951F;
	top: 250px;
	left: 90px;
	position: absolute;
}

.orange2 {
	color:#F8951F;
}

.aC { text-align:center }

/*-*/

/* -- LAYOUT MODULE --*/

/*
div.bloc.w{$WIDTH}.b{$COLOR}
	+ div.bHeader
		+ span.bg1
			+ span.bg2
	+ div.bContenu
	
	+ div.bFooter
		+ span.bg1
			+ span.bg2
*/

.bloc {
	position:relative;
}
.bloc .bHeader span, .bloc .bFooter span { display:block }
.bloc .bHeader .bg2 {
	margin-left:15px; padding-right:15px;  height:15px;
}
.bloc .bFooter .bg2 {
	margin-left:15px; padding-right:15px;  height:15px;
}

/* bloc gris */

.bloc.bGris {
	background-color:#e9e8cf;
}

.bloc.bGris .bHeader .bg1 {
	background:url(../images/bg_bloc_gris_NW.gif) no-repeat 0 0;
}
.bloc.bGris .bHeader .bg2 {	
	background:url(../images/bg_bloc_gris_NE.gif) no-repeat 100% 0;
}

.bloc.bGris .bFooter .bg1 {
	background:url(../images/bg_bloc_gris_SW.gif) no-repeat 0 100%; 
}
.bloc.bGris .bFooter .bg2 {
	background:url(../images/bg_bloc_gris_SE.gif) no-repeat 100% 100%;
}

/* form contact */

#form_contact .btn {
	font-size:9px;
}

#form_contact p .btn {
	color:red;
}

#form_contact input, #form_contact select, #form_contact textarea {
	font-size:11px; width:120px
}

#form_contact .colspan3 input, #form_contact .colspan3 select, #form_contact .colspan3 textarea { 
	width:322px;
}	

#form_contact table {
	margin:15px auto 15px 0; width:390px; overflow:hidden; display:block;
}

#form_contact table td {
	padding-top:2px;
	padding-bottom:3px;
	vertical-align:top;
}

#form_contact table .td1, #form_contact table .td3 {
	width:60px; 
}

#form_contact table .td2 {
	width:130px;
}

#form_contact table .td4 {
	width:120px; text-align:right;
}

#form_contact label {
	font-weight:bold; font-size:11px; color:#626068
}

#form_contact #bt_submit {
	width:80px; margin-left:120px;;
}

#message {
	height:80px;
}

#form_contact .colspan3 #region {
	width:200px
}

#form_contact #civilite {
	width:123px;
}

#form_contact #objet_msg {
	width:200px;
}

#div_quantite {
	position:absolute; right:0; top:0;
}

#form_contact #quantite {
	width:30px;
}

/* - hide - */

.hide {
	display:none
}

sup {
	font-size:0.60em;
}
