/* Fonts */
body, p, a, span, li, h1, h2, h3, div, input { font-family: Arial; }

ul, li { padding: 0; margin: 0; }

iframe { position: relative; }

a, a:visited, a:link, a:active { text-decoration: none; }

body {
color: #8c8c8c;
color:#57617C;
font-family:Arial;
font-size:11px;
margin: 0;
padding: 0;
width: 100%;

text-align: center;

/*
background: url("../images/body_bg.jpg");
background-repeat: no-repeat;
background-position: bottom;
*/
}

#main {
margin: 0 auto;
width: 980px;
text-align: left;
position: relative;
}

ul, li, p, h1, h2, h3, h4, h5 { padding: 0; margin: 0; }

.clearboth {
clear: both;
}

/*********** Header ************/
.header {
margin-bottom:5px;
padding-top: 3px;
background-color:#F5F3EC;
}

#header {
position: relative;
}

#header,
#innerheader {
width: 980px;
height: 238px;
}

#innerheader {
position: absolute;
top: 0;
left: 0;
}

#titre {
position: absolute;
top:98px;
padding-top: 60px;
top:38px;
width: 240px;
display: inline;
left:96px;
}

#titre a{
padding-top: 60px;
/*
background-image: url("../images/logo_big_transp.gif");
background-repeat: no-repeat;
background-position: left top;
*/
color: #2b5a7a;
font-size: 9px;
text-transform: uppercase;
text-decoration: none;
}

#titre a span {
display: none;
}

/*
#copyright {
color: #ffffff;
font-size:9px;
left:51px;
position:absolute;
top:170px;

padding-left: 5px;
padding-right: 5px;
width: 291px;
left: 0;
background: url("/fond_tab_copyright.jpg");
height: 24px;
line-height: 24px;

}
#copyright a {
color: #ffffff;
text-decoration: underline;
}
*/

* html #copyright {
width: 301px;
}

/******** Menu Haut ***********/
/*
#menuhaut  {
left:321px;
position:absolute;
top:8px;
}
*/
#topmenu {
left:332px;
position:absolute;
top:8px;
color: #efe0bb;
}

#topmenu form,
#topmenu input {
color: #efe0bb;
font-size: 11px;
}

#topmenu .email {
width: 101px;
color: black;
}

#topmenu ul,
#topmenu div,
#topmenu form,
#topmenu p {
display: inline;
float: left;
height: 14px;
line-height: 14px;
}


#lastnl li, 
#menuhaut  li {
display: inline;
display: block;
float: left;
margin-left: 3px;
}

#lastnl li, 
#lastnl li a, 
#menuhaut  li ,
#menuhaut  li a {
color: #efe0bb;
font-size: 11px;
font-weight: normal;
text-decoration: none;
height: 24px;
line-height: 24px;
height: 14px;
line-height: 14px;
}

#optinformtop {
position: relative;
top: -2px;
padding-left: 0;
border-left: none; 
}

* html #optinformtop { top: -7px; }
*+html #optinformtop { top: -5px; }

* html #optinformtop .email {
position: relative;
top: 3px;
}

*+html #optinformtop .email {
position: relative;
top: 2px;
}

#optinformtop .btn{
position:relative;
top:-2px;
}

*+html #optinformtop .btn {
top: 0;
}


/*
#optinformtop,
*/
#optinformtop span,
#lastnl li, 
#menuhaut  li.next {
	border-left: 1px solid #efe0bb; 
	padding: 0 0 0 6px;
	margin: 0 0 0 6px;
	height: 14px;
	line-height: 14px;
}

#optinformtop {
	position:relative;
/*
	top:4px;
*/
}

#optinformtop .btn {
vertical-align:middle;
}







#menuhaut  li#page_10 {
width: 176px;
background: url("/fond_tab_agences.jpg") no-repeat;
}
#menuhaut  li#page_55 {
width: 128px;
background: url("/fond_tab_eldo.jpg") no-repeat;
}
#menuhaut  li#page_71 {
width: 127px;
background: url("/fond_tab_flash.jpg") no-repeat;
}

#menuhaut  li a:hover {
text-decoration: underline;
}
/*
#menuhaut  li a {
padding: 0 0 0 13px;
}
#menuhaut li.selected a{
background: url("../images/topmenu_underline.jpg") no-repeat bottom center ;
}
*/


/******** Menu Haut ***********/
/*********** Header ************/



/******** Content ***********/
#content {
	position: relative;
	width: 980px;
	margin: 10px 0 0;
	margin: 0;
}
* html #content {
	margin: 0;
}


#partiecentrale {
margin: 20px 0 0;
margin: 15px 0 0;
margin: 10px 0 0;
}

* html #partiecentrale {
margin: 5px 0 0;
margin: 0 0 0;
}


#mainmenu {
	left: 9px;
	position:absolute;
	top:121px;
}

#mainmenu li{
list-style: none;
display: inline;
}

#mainmenu li a{
display: block;
float: left;
background: url("/v2_tab_inactive.gif") no-repeat ;

width: 98px;
height: 21px;
color: white;
text-align: center;
line-height: 23px;
vertical-align: middle;
font-weight: bold;
text-decoration: none;
font-size: 12px;
}

#mainmenu li.selected  a {
background: url("/v2_tab_active.gif") no-repeat ;
color: #3f4154;
}

#mainmenu li#page_174 a{
background: url("/v2_tab_promo.gif") no-repeat ;
color: white;
}

/*
#mainmenu li.selected a,
#mainmenu li a:hover{
background: url("/v2_tab_active.gif") no-repeat ;
}
*/

#mainmenu li#page_38 a,
#mainmenu li#page_38 a:hover{
color: white;
font-weight: bold;
background: url("../images/bg_menu_item_imbattables.jpg") no-repeat ;
}

#mainmenu li#page_71 a,
#mainmenu li#page_71 a:hover{
color: white;
font-weight: bold;
background: url("../images/tab_flash.jpg") no-repeat ;
}

#col1 {
float: right;
width: 300px;
margin-left: 10px; 
vertical-align: top;
z-index: 2;
position: relative;
}


#col1 h1.csc-firstHeader {
color: #3f4154;
font-size:14px;
font-weight: normal;
margin:9px 0;
}
/*
#col1 p{
font-size: 11px;
color: #3f4154;
}
*/

#row1 {
height: 250px;
}
#row2 {
vertical-align: top;
}

#col3,
#col2 {
float: right;
width: 665px;
width: 670px;
/*
height: 250px;
*/
}

#col2 {
margin-bottom: 10px;
}

#col1_2 {
margin-top: 15px;
border: 1px solid gray;
padding: 4px;
position: relative;
}

/*
#col1 {
border: 1px solid yellow;
}
#col2 {
border: 1px solid blue;
}
#col3 {
border: 1px solid red;
}
*/
/******** Content ***********/


/**************** Footer *************/

#footer {
margin: 20px 0 0;
}

.footer {
clear:both;
position: relative;
color:#9EC2D7;
}
.footer .align-right { padding-top: 15px; padding-right: 15px; }

.footer a, .footer a:link, .footer a:active, .footer a:visited, .footer p, .footer li{
color:#9EC2D7;
}

.footer ul { list-style-image: none; }

.footer .content {
background: url("/footer_bg.gif") repeat-y;
padding-bottom: 5px;
padding-left: 0;
}

* html .footer .content { height: 80px; }

.footer .bottom {
background: #F5F3EC url("/footer_bottom.gif") no-repeat;
height: 20px;
line-height: 20px;
clear: both;
}


#menufooter  {
position: relative;
padding-top: 10px;
padding-top: 0;
padding-left: 10px;
display: block;
float:none;
}

/* reduction footer */
#menufooter  {
position: absolute;
top: 10px;
}
#menufooter  li.begin {
display: block;
color: #9EC2D7;
float: left;
font-weight: bold;
margin:0 50px 0 10px;
width:125px;
padding: 0;
}

#menufooter  li ,
#menufooter  li a {
color: #9EC2D7;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

#menufooter  ul ,
#menufooter  li {
margin: 0; padding: 0;
list-style-type: none;
}
#menufooter  ul {
border-top: 1px solid #9EC2D7;
}


#menufooter li a:hover {
text-decoration: underline;
}
/*
#menufooter  li a {
padding: 0 20px;
}
*/


#logofooter {
margin-top: 10px;
font-size: 8.5px;
/*
padding-top:38px;
background: url("../images/logo_small.gif") no-repeat top center ;
color: black;
text-align: center;
*/
}

.menubas {
clear: both;
padding-left: 10px; 
}
.menubas,
.menubas li {
list-style-type: none;
}
.menubas li {
display: inline; margin-left: 10px;
}

.footer p{
margin: 10px;
clear: both;
padding-left: 10px; 
}



/**************** Footer *************/




.csc-textpic-text h1 {
	font-size: 12px;
	color: white;
	background: url("../images/bg_titre_vacances.gif") repeat-x;
	height: 22px;
	line-height: 22px;
	padding-left: 20px;
	margin: 3px 0;
}

fieldset.csc-mailform {

border:0;
}

.yui-navset {
margin: 10px;
padding: 10px;
}

.yui-tab {
display:none;
}



#bottommenu {
width: 280px;
margin: 20px auto 60px;
border-top: 1px solid #9697a1;
}
#bottommenu li {
display: inline-block;
width: 135px;
margin: 0 10px 0 0;
padding: 0;
list-style: none;
text-align: center;
background-image: url("../images/bmenu_bg.gif");
background-repeat: repeat-x;
height: 20px;
line-height: 20px;
}
#bottommenu li a{
color: #3f4154;
font-size: 12px;
text-decoration: none;
}

* html #bottommenu li {
display: inline;
}

* html #bottommenu {
margin-left: 370px;
}

#bottommenu li#page_51 {
margin: 0;
}

.regie-1 {
height:152px;
left:786px;
overflow:hidden;
position:absolute;
top:5px;
width:182px;
}

#lienhome {
position:absolute;
left:0;
top:0;
width:308px;
height:138px;
cursor: pointer;
}

.align-right {
text-align: right;
}

#lienhaut {
left:555px;
position:absolute;
top:54px;
color:#EFE0BB;
}

#lienhaut h2 {
color:#EFE0BB;
font-size:22px;
font-weight:normal;
}
#lienhaut p {
color:#EFE0BB;
font-size:15.4px;
}
#lienhaut a {
color:#EFE0BB;
text-decoration:underline;
}


#notreselection .resa { background-color:transparent; }

/*
#notreselection .bloc_titre { padding-top: 0; }
*/

#notreselection .photo { width: 245px; height: 100px; overflow: hidden; border-bottom: 2px solid white; background: white;}
#notreselection .offre { height: 210px; overflow: hidden; }
#body_155 #notreselection .offretop .offre { background-color: #f4decf; }
#body_155 #notreselection .offretop .resa { background-color: #d0865c; }


#tousnosclubs .photo { float: left; width: 120px; height: 106px; overflow: hidden; }
#tousnosclubs .resa { background: none; }
#tousnosclubs .offre .desc { width:217px; }

.colonne #notreselection { padding-top: 0; }
.colonne { overflow: hidden; }

#regie1 { margin: 2px 0 0 2px; }

.click { cursor: pointer; } 

.header { overflow: hidden; }

* html .header { height: 142px; }

.container { text-align: left; }

.gris a:visited,
#departde li a:visited,
.gris a:link,
#departde li a:link,
.gris a,
#departde li a { text-decoration: underline; }

#topsearch  { color:#065275; } 

.texteAccueil .top,
.bloc_titre { font-size: 13px; }

#vacances_scolaires .bloc_titre { font-size: 12px; }