/* CSS Document */
/*------------------------------------------------------------*/
/*------------------------   General       -------------------*/
/*------------------------------------------------------------*/
html {
width: 100%;
height: 100%;
background:url("../img/background.gif") repeat;
}

body {
width: 845px;
border-right:2px solid #ccc;
border-left:2px solid #ccc;
margin: auto;
font-family:"Comic Sans MS";
font-size:14px;
background: #FFFFFF;
}


/*------------------------------------------------------------*/
/*---------------------      EN TETE     ---------------------*/
/*------------------------------------------------------------*/
#en_tete {
width: 100%;
height: 255px;
margin:0;
background:url("../img/header.gif") center no-repeat;
}

#logo {
width:200px;
height:226px;
margin:-18px 0 0 30px;
background:url("../img/logo_bn.png") no-repeat;
cursor:pointer;
}

#img_en_tete{
float:right;
margin:0 20px 0 0;
}

#img_en_tete div.img_canyon {
width:156px;
height:210px;
float:left;
margin:0 0 0 20px;
background:url("../img/en_tete_1.png") no-repeat;
cursor:pointer;
}
#img_en_tete div.img_parc {
width:156px;
height:210px;
float:left;
margin:0 0 0 20px;
background:url("../img/en_tete_2.png") no-repeat;
cursor:pointer;
}
#img_en_tete div.img_via {
width:156px;
height:210px;
float:left;
margin:0 0 0 20px;
background:url("../img/en_tete_3.png") no-repeat;
cursor:pointer;
}


div.img_accueil {
width:48px;
height:48px;
float:left;
margin:10px 0 0 10px;
background:url("../img/accueil.png") no-repeat;
cursor:pointer;
}



ul.menu_en_tete {
text-align:right;
list-style:none;
font-size:24px;
margin:0 20px 5px 0;
}

ul.menu_en_tete li {
width:156px;
text-align:center;
display:inline;
margin:0 15px 0 15px;
}

ul.menu_en_tete li.menu_1 {
width:156px;
text-align:center;
margin:0 27px 0 15px;

}

ul.menu_en_tete li.menu_2 {
width:156px;

text-align:center;
margin:0 22px 0 15px;
}


ul.menu_en_tete li a, ul.menu_en_tete li a:visited {
color:#8f5821;
text-decoration:none;
}
ul.menu_en_tete li.menu_1 a, ul.menu_en_tete li.menu_1 a:visited {
color:#3b92b5;
text-decoration:none;
}
ul.menu_en_tete li.menu_2 a, ul.menu_en_tete li.menu_2 a:visited {
color:#1f6600;
text-decoration:none;
}
ul.menu_en_tete li a:hover, ul.menu_en_tete li a:focus, ul.menu_en_tete li.menu_1 a:hover, ul.menu_en_tete li.menu_1 a:focus, ul.menu_en_tete li.menu_2 a:hover, ul.menu_en_tete li.menu_2 a:focus {
color:#ccc;
}


/*------------------------------------------------------------*/
/*---------------------      CORP        ---------------------*/
/*------------------------------------------------------------*/
#corp_index {
margin:5px 0 35px 0;
}
#corp {
height:710px;
margin:0px 0 25px 0;
}

#texte {width:400px;
float:right;
margin:0 20px 0 0;
}

.important {
font-weight:bold;
font-size:15px;
color:#3b92b5;
}
.important2 {
font-weight:bold;
font-size:15px;
color:#1f6600;
}
.important3 {
font-weight:bold;
font-size:15px;
color:#663300;
}

.liste1 {
list-style-image: url("../img/puce1.png");
}
.liste3 {
list-style-image: url("../img/puce2.png");
}
.liste4 {
list-style-image: url("../img/puce3.png");
}

.liste1 li{
text-align:justify;
padding:0 8px 8px 8px;
}
.liste3 li{
text-align:justify;
padding:0 8px 8px 8px;
}
.liste4 li{
text-align:justify;
padding:0 8px 8px 8px;
}

.liste2 li{
list-style-image:none;
}

#texte h3 {
color:#3b92b5;
font-size:20px;
font-weight:bolder;
text-align:center;
margin:20px 0 20px 0;
text-decoration:underline;
}
#texte h3.via {
color:#663300;
}

#texte h3.parc{
color:#1f6600;
}

/*------------------------------------------------------------*/
/*---------------------      PIED PAGE       -----------------*/
/*------------------------------------------------------------*/


#pied_page {
width:100%;
height:65px;
clear:both;
text-align:left;
margin:0;
color:#3b92b5;
background:url("../img/footer.gif") repeat-x;
}

#pied_page h4 {text-indent:10px;margin:3px;}

.bouton, .bouton:visited {
text-align:center;
margin:6px 0 0 15px;
border:0;
width:80px;
height:25px;
color:#ffffff;
font-size:13px;
font-weight:bolder;
cursor:pointer;
background:url("../img/mail.png") center no-repeat;
}

.bouton:hover, .bouton:focus{
color:#3b92b5;
}

#contactForm ul {
float:right;
list-style:none;
font-size:11px;
margin:-13px 5px 0 0;
}

#contactForm ul li {
text-align:center;
display:inline;
padding:0 5px 0 5px;
border-left: 1px solid #ccc;
}

#contactForm ul li a, #contactForm ul li a:visited{
color:#ccc;
text-decoration:none;
}
#contactForm ul li a:hover, #contactForm ul li a:focus{
color:#ccc;
text-decoration:underline;
}

/*------------------------------------------------------------*/
/*------------------     PHOTOS CATEGORIE      ---------------*/
/*------------------------------------------------------------*/

.pics { 
position:absolute; 
height:  550px;  
width:   400px;  
padding: 0;  
margin:20px 0 0 20px; 
} 
 
.pics img {  
padding: 3px; 
border:  1px solid #ccc;  
background-color: #FF8800; 
top:  0; 
left: 0 
} 

/*------------------------------------------------------------*/
/*-----      PLAN ACCES    /       PARTENAIRES     -----------*/
/*------------------------------------------------------------*/
/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {width:376px;height:550px;background-color:#FFFFFF; border:3px solid #FF8800;}
#simplemodal-container a.modalCloseImg {background:url("../img/x.png") no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:8px;}

.text_part {color:#FF6600;margin:230px 0 0 95px;}