@import url("reset.css");

body {
	background: #cfe8ec url(/images/bgBody.jpg) top repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link {color:#92c6e8;text-decoration:underline;}
a:visited {color:#92c6e8;text-decoration:underline;}
a:hover {color:#92c6e8;text-decoration:none;}
a:active {color:#92c6e8;text-decoration:underline;}

h1 {
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#fff;
padding:8px 0 0 9px;
}

h2 {
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:20px;
font-weight:bold;
text-transform:uppercase;
color:#fabc23;
padding:10px 0px 20px 0;
}

h3 {
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:16px;
font-weight:bold;
color:#fdb914;
text-transform:uppercase;
padding-bottom:10px;
}

h4 {
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:14px;
color:#5ca9dd;
font-weight:bold;
text-transform:uppercase;
padding:5px 0 10px 0;
}

h5 {
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:14px;
font-weight:bold;
color:#fff;
background:#9dcbeb;
padding:5px;
margin:10px 0 15px 0;
clear:both;
}

h6 {
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#a4a4a3;
padding:0 0 10px 0;
}

p {
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#445154;
padding-bottom:10px;
text-align:justify;
}


#siteDev h3{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:14px;
font-weight:bold;
color:#5ca9dd;
text-transform:uppercase;
margin-bottom:5px;
margin-top:10px;
padding:0px;
}

#siteDev h3 span{
font-size:12px;
color:#445154;
font-weight:normal;
text-transform:none;
}

#siteDev h3 a{
color:#5ca9dd;
}


#siteDev h6{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#5ca9dd;
}



ul {}
li {
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#445154;
padding-bottom:3px;
}



#page {
width: 939px;
margin: 0 auto;
background:url(/images/bgPage.jpg);
}

.imgContent{
float:right;
border:1px solid #9dcbeb;
margin:0px 0px 40px 15px;
}


/* Header
--------------------------------------------------------------------------------------- */

#headerOptions{
height:30px;
background:#70a5c6;
}
#optionRight{
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#fff;
float:right;
padding-right:10px;
}
#optionRight a{
text-decoration:none;
color:#fff;
}
#optionRight a:hover{
text-decoration:underline;
}


#optionRight span{
font-size:14px;	
}

#optionRight img{
position:Relative;
top:2px;
}


#header {
height:199px;
width:686px;
background:url(/images/bgHeader.jpg);
position:relative;
}

#onglets{
position:absolute;
bottom:0px;
right:0px;
width:575px;	
}

#onglets a{
display:block;
width:88px;
height:51px;
background:url(/images/onglet.png);
margin:0 10px;
float:left;
text-decoration:none;
padding-left:60px;
padding-right:20px;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:13px;
color:#445154;
text-align:center;
line-height:14px;
}

#onglets a span{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
font-weight:bold;
color:#fdb914;text-transform:uppercase;
display:block;
}

#onglets a:hover span{
color:#567f9b;	
}

#onglets a.attrait{
background:url(/images/ongletAttrait.png);
padding-top:5px;
height:46px;
}

#onglets a.evenement{
padding-top:10px;
height:41px;
background:url(/images/ongletEvenements.png);
}

#onglets a.hebergement{
padding-top:10px;
height:41px;
background:url(/images/ongletHebergement.png);
}


/* Content Right
--------------------------------------------------------------------------------------- */

#content {
width:686px;
float:right;
padding-right:1px;
}

#contentRight{
width:170px;	
float:right;
background:url(/images/bgContentRight.gif) top repeat-x;
padding:9px;
padding-top:13px;
}

#contentRight input{
width:134px;
height:13px;
font-size:11px;
}
#contentRight img#go{
position:relative;
top:5px;
border:0px;
margin:0px;
padding:0px;
}
#contentRight img.sep{
border:0px;	
}

#contentRight img{
border:1px solid #5ca9dd;	
margin-bottom:15px;
}

#contentRight .f_titre{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
font-weight:bold;
text-transform:uppercase;
display:block;
color:#3f8fc6;
padding-bottom:5px;
}

#contentRight .f_desc{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
font-weight:normal;
color:#5d686b;
display:block;
padding-bottom:5px;
}

#contentRight .f_detail a{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
font-weight:bold;
display:block;
color:#3f8fc6;
margin-bottom:15px;
}
#contentRight .f_detail a:hover{
text-decoration:none;	
}




#CR_titre{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:16px;
font-weight:bold;
color:#0563ba;
text-transform:uppercase;
display:block;
padding-bottom:20px;
}

/* Content
--------------------------------------------------------------------------------------- */

#contentLeft{
width:645px;
float:right;
margin-right:1px;
background:url(/images/bgContentLeft.gif) left top no-repeat;
padding-left:25px;
padding-right:15px;
padding-bottom:90px;
}

#regions{
	
}

#regions span{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:11px;
color:#5ca9dd;
display:block;
float:left;
width:145px;
margin-right:16px;
}
#regions img{
border:1px solid #9dcbeb;	
margin:5px 0 10px 0;
}


#galerie div{
width:135px;
height:100px;
float:left;
padding:4px;
padding-bottom:0px;
text-align:center;
border:1px solid #9dcbeb;
margin-right:10px;
}

.pages{
padding:4px;
background:#9dcbeb;
float:left;
width:447px;
}

.pages a{
display:block;
float:left;
color:#5ca9dd;
padding:4px;
background:#cee5f5;
margin-right:5px;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
font-weight:bold;
text-decoration:none;
width:16px;
text-align:center;
}

.pages a.selected{
background:#fff;
cursor:default;
}
.pages a.selected:hover{
color:#5ca9dd;
}
.pages a:hover{
color:#567f9b;	
}

#actResultats{
clear:both;	
}

#actResultats div{
padding:10px;
clear:both;
}

#actResultats div.alte{
background:#e7f2fa;
}

#actResultats div .ar_titre{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:13px;
font-weight:bold;
color:#5ca9dd;
display:block;
}

#actResultats div .ar_desc{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#445154;
display:block;
}

#actResultats div .ar_site{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:13px;
color:#5ca9dd;
text-decoration:none;
display:block;
}

#actResultats div .ar_image{
padding:1px;
padding-bottom:7px;
background:#5ca9dd;
width:112px;
float:left;
margin-right:10px;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#fff;
text-align:center;
}
#actResultats div .ar_image img{
padding-bottom:5px;	
}
#actResultats div .ar_image a{
color:#fff;
text-decoration:none;
}

#activiRight{
width:180px;
float:right;
margin-left:10px;
}

#activiRight span{
padding:1px;
padding-bottom:7px;
background:#5ca9dd;
width:174px;
float:left;
margin-right:10px;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#fff;
text-align:center;
margin-bottom:10px;
}

#activiRight span img{
padding-bottom:5px;	
}
	
#activiRight span a{
color:#fff;
text-decoration:none;
}

#activiLeft{
width:260px;
margin-right:5px;
float:right;
}

#secteurs a{
color:#445154;
text-decoration:none;
}

#secteurs a:hover{
color:#1b1b1b;	
}

#comment{
	
}

#comment div{
padding:10px;
}

#comment div.alte{
background:#e7f2fa;
}

#comment .c_date{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#5ca9dd;
display:block;
float:right;
}

#comment .c_nom{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#5ca9dd;
display:block;
float:right;
font-weight:bold;
float:left;
}

#comment .c_comment{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#445154;
display:Block;
clear:both;
padding-top:5px;
}

#addComment{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#445154;
}

#addComment input{
border:1px solid #b6daf0;	
width:168px;
}

#addComment textarea{
border:1px solid #b6daf0;	
}



/* Sidebar
--------------------------------------------------------------------------------------- */


#sidebar{
float:right;	
width:250px;
margin-right:1px;
padding-bottom:180px;
}

#explorer{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:14px;
color:#5e807f;
font-weight:bold;
display:block;
margin-top:20px;
margin-bottom:8px;padding-left:15px;
margin-top:40px;
}


#sidebar ul li{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#6b7f84;
margin:0px;
padding:0px;
}

#sidebar ul li a{
background:url(/images/bgLiMenu1.gif) left top no-repeat;
float:left;
clear:left;
padding:3px;
padding-left:28px;
display:block;
color:#6b7f84;
text-decoration:none;
width:218px;
}
#sidebar ul li a:hover{
color:#334a49;	
background:url(/images/bgLiMenu1_hov.gif) left top no-repeat;
}
#sidebar ul li a.selected{
color:#334a49;	
background:url(/images/bgLiMenu1_hov.gif) left top no-repeat;
}

#sidebar ul li.selection a{
color:#5ca9dd;	
}

#sidebar ul li.selection ul li a{
color:#6b7f84;
}

#sidebar ul li.selection ul li.selection a{
color:#5ca9dd;
}

#sidebar ul li ul{
background:#ffe8b1;	
margin:0px;
padding:0px;
clear:left;float:left;
}
#sidebar ul li ul li {
margin:0px;
padding:0px;
}
#sidebar ul li ul li a{
background:url(/images/bgLiMenu2.gif) left top no-repeat;
padding:4px;
padding-left:50px;
display:block;
float:left;
clear:left;
color:#6b7f84;
text-decoration:none;
width:195px;
}
#sidebar ul li ul li a:hover{
color:#334a49;	
background:url(/images/bgLiMenu2.gif) left top no-repeat;
}



#logo{
padding-top:30px;
background:#fff;
}
#slogan{
height:23px;
background:#fdb914;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:14px;
font-weight:bold;
color:#fff;padding-top:6px;
padding-left:5px;
position:relative;
}
#jauneGauche{
position:absolute;
left:-11px;
top:-1px;
}

#jauneDroit{
position:absolute;
right:-11px;
top:-1px;
}


/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
clear: both;
background:#567f9b;
position:relative;
}

#footerContent{
width:664px;
margin:0 auto;
background:url(/images/bgFooter.gif) top no-repeat;
position:relative;
padding-left:275px;
}

#footerRight{
width:200px;	
float:right;
text-align:right;
padding-top:10px;
line-height:17px;
}
#footerRight img{
margin-bottom:7px;	
}
#footerContent a{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:11px;
color:#fff;
text-decoration:none;
}
#footerContent a:hover{
text-decoration:underline;
}

#footerLeft{
float:right;width:460px;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:11px;
color:#fff;
padding-top:15px;
line-height:20px;
text-align:justify;
}
#footerLeft span{
display:Block;
padding-bottom:5px;
}
#footerLeft h6{
text-align:justify;	
}


#pubLeft{
position:absolute;
left:15px;
top:-155px;
border:2px solid #b5d7e0;
z-index:30;
}

#pubCenter{
padding:5px;
border:2px solid #b5d7e0;
position:absolute;
left:269px;
top:-73px;
z-index:30;
}



/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {
	float: left; 
	margin: 0 10px 4px 0; 
}
.img-right {
	float: right; 
	margin: 0 0 4px 10px;
}
.noborder {border: none;}
.alt {background: #fff7e2;}
.alt p{padding:10px;}