@charset "utf-8";
/* CSS Document */
/* olivescalade.fr */


/* CE QUI NE CHANGE PAS */
*{margin:0;
padding:0;
}

/*fond des pages web*/
body {background-image:url(images/background.jpg);
}

/* main menu */

a.menu:link{ color:#000;
text-decoration:none;
}

a.menu:visited{color:#000;
text-decoration:none;
}

a.menu:hover{color:#999;
text-decoration:none;
}

ul{
	list-style-type:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	
}

#mainmenu{width:180px;
margin-right:10px;
height:370px;
float:right;
margin-top:20PX;
}

/* conteneur du site */
#conteneur{margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:15px;
width:900px;
height:550px;
}
/* bloc logo */
#logo{width:630px;
height:120px;
float:left;
background-image:url(images/logo.png);
}
/* bloc des drapeaux */
#drapeaux{width:60px;
height:120px;
float:left;
}
/* bloc drapeau français */
#drapfr{width:30px;
height:30px;
float:left;
background-image:url(images/drapfr.gif);
}
/* bloc drapeau anglais */
#drapen{width:30px;
height:30px;
float:left;
background-image:url(images/drapen.gif);
}

/* bloc vide */

#vide{width:60px;
height:90px;
float:left;
background-image:url(images/vide.png);
}

/* bloc coordonnées */
#coordonnees{width:210px;
height:120px;
float:right;
background-image:url(images/coordonnees.png);
}

#textecoordonnees{width:200px;
height:105px;
float:right;
margin-top:10px;
margin-right:10px;
}

h1{font-family:Verdana, Geneva, sans-serif;
font-size:18px;
font-weight:bold;
float:right;
}

h2{font-family:Verdana, Geneva, sans-serif;
font-size:14px;
font-style:normal;
float:right;
}

h3{font-family:Verdana, Geneva, sans-serif;
font-size:14px;
font-style:normal;
float:right;
}

h4{font-family:Verdana, Geneva, sans-serif;
font-size:16px;
font-weight:bold;
float:right;
}


/* bloc de barre de navigation */
#topmenu{width:900px;
height:30px;
float:left;
}

#accueil{width:150px;
height:30px;
float:left;
background-image:url(images/accueil.png);
}

#accueil:hover{width:150px;
height:30px;
float:left;
background-image:url(images/o_accueil.png);
}

#home{width:150px;
height:30px;
float:left;
background-image:url(images/home.png);
}

#home:hover{width:150px;
height:30px;
float:left;
background-image:url(images/o_home.png);
}

#canyoning{width:150px;
height:30px;
float:left;
background-image:url(images/canyoning.png);
}

#canyoning:hover{width:150px;
height:30px;
float:left;
background-image:url(images/o_canyoning.png);
}

#escalade{width:150px;
height:30px;
float:left;
background-image:url(images/escalade.png);
}

#escalade:hover{width:150px;
height:30px;
float:left;
background-image:url(images/o_escalade.png);
}

#climbing{width:150px;
height:30px;
float:left;
background-image:url(images/climbing.png);
}

#climbing:hover{width:150px;
height:30px;
float:left;
background-image:url(images/o_climbing.png);
}

#viaferrata{width:150px;
height:30px;
float:left;
background-image:url(images/viaferrata.png);
}

#viaferrata:hover{width:150px;
height:30px;
float:left;
background-image:url(images/o_viaferrata.png);
}

#parcoursaventure{width:150px;
height:30px;
float:left;
background-image:url(images/parcoursaventure.png);
}

#parcoursaventure:hover{width:150px;
height:30px;
float:left;
background-image:url(images/o_parcoursaventure.png);
}

#adventurepark{width:150px;
height:30px;
float:left;
background-image:url(images/adventurepark.png);
}

#adventurepark:hover{width:150px;
height:30px;
float:left;
background-image:url(images/o_adventurepark.png);
}

#contact{width:150px;
height:30px;
float:left;
background-image:url(images/contact.png);
}

#contact:hover{width:150px;
height:30px;
float:left;
background-image:url(images/o_contact.png);
}

/* bloc des liens */
a:link{ color:#03F;
text-decoration:none;
}

a:visited{color:#03F;
text-decoration:none;
}

a:hover{ color:#F90;
text-decoration:none;
}

#lien{margin-left:auto;
margin-right:auto;
width:860px;
height:32px;
}

#jegrimpe{width:68px;
height:32px;
margin-right:5px;
float:left;
background-image:url(images/jegrimpe.png);
}

#crazclimb{width:83px;
height:32px;
margin-right:5px;
float:left;
background-image:url(images/crazclimb.png);
}

#facebook{width:32px;
height:32px;
margin-right:5px;
float:left;
background-image:url(images/facebook.png);
}

#youtube{width:32px;
height:32px;
margin-right:5px;
float:left;
background-image:url(images/youtube.png);
}

#myspace{width:32px;
height:32px;
margin-right:5px;
float:left;
background-image:url(images/myspace.png);
}

#news{width:80px;
height:32px;
margin-right:5px;
float:left;
background-image:url(images/news.png);
}

#purr{width:57px;
height:32px;
margin-right:5px;
float:left;
background-image:url(images/purr.png);
}

/* contenu des pages */
#bodyaccueil{width:900px;
height:400px;
float:left;
background-image:url(images/bodyaccueil.jpg);
}

#bodyhome{width:900px;
height:400px;
float:left;
background-image:url(images/bodyhome.jpg);
}

#bodyescalade{width:900px;
height:400px;
float:left;
background-image:url(images/bodyescalade.png);
}

#bodyclimbing{width:900px;
height:400px;
float:left;
background-image:url(images/bodyclimbing.png);
}

#bodycanyoning{width:900px;
height:400px;
float:left;
background-image:url(images/bodycanyoning.png);
}

#bodyviaferrata{width:900px;
height:400px;
float:left;
background-image:url(images/bodyviaferrata.png);
}

#bodyparcoursaventure{width:900px;
height:400px;
float:left;
background-image:url(images/bodyparcoursaventure.png);
}

#bodyadventurepark{width:900px;
height:400px;
float:left;
background-image:url(images/bodyadventurepark.png);
}

#bodycontact{width:900px;
height:400px;
float:left;
background-image:url(images/bodycontact.jpg);
}

#bodytarifs{width:900px;
height:400px;
float:left;
background-image:url(images/bodytarifs.png);
}

#bodyrates{width:900px;
height:400px;
float:left;
background-image:url(images/bodyrates.png);
}

/* PAGE TARIF */

#renvoistarifs1{width:200px;
height:400px;
float:right;
}

/* éléments supplémentaire */

/* Bloc contenu des body */
#article{width:300px;
height:370px;
float:left;
margin-top:10px;
margin-left:10px;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
}


#media{width:315px;
height:370px;
float:left;
margin-top:10px;
}

#diapocanyoning{width:260px;
height:260px;
float:right;
margin-bottom:5px;
}

#diapoescalade{width:260px;
height:260px;
float:right;
margin-bottom:5px;
}

#diapovia{width:260px;
height:260px;
float:right;
margin-bottom:5px;
}

#diapoparcours{width:260px;
height:260px;
float:right;
margin-bottom:5px;
}

#renvoistarifs2{width:260px;
height:20px;
float:right;
}

/*formulaire*/

label{
margin-top:20px;
margin-left:20px;
display:block;
width:260px;
height:20px;
}

input{
display:block;
border:1px solid #F90;
float:right;
}

#message{height:100px;
display:block;
margin-left:80px;
float:right;
}

#textarea{
	height:100px;
display:block;
margin-left:80px;
float:right;
}

input[type="submit"], input[type="reset"] {
	margin-top:10px;
	margin-right:10px;
	margin-left:10px;
}

/*tableau tarif canyoning*/

#caseun{width:300px;
height:15px;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
text-align:center;
color:#F90;
font-weight:bold;
border-style:solid;
border-color:#03F;
border-top-width:thin;
border-bottom-width:medium;
border-left-width:thin;
border-right-width:thin;
}

#casedeux{width:300px;
height:75px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
border-style:solid;
border-color:#03F;
border-top-width:thin;
border-bottom-width:medium;
border-left-width:thin;
border-right-width:thin;
}

#casetrois{width:300px;
height:258px;
border-style:solid;
border-color:#03F;
border-top-width:thin;
border-bottom-width:medium;
border-left-width:thin;
border-right-width:thin;
}

#legende{width:100px;
height:11px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
border:solid;
border-left:none;
border-top-width:thin;
border-bottom-width:thin;
border-right-width:thin;
border-color:#03F;
float:left;
}

#pers{width:50px;
height:11px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
text-align:center;
border:solid;
border-left:none;
border-top-width:thin;
border-bottom-width:thin;
border-right-width:thin;
border-color:#03F;
float:left;
}

#prevoir{width:97px;
height:11px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
text-align:center;
border:solid;
border-left:none;
border-right:none;
border-top-width:thin;
border-bottom-width:thin;
border-color:#03F;
float:left;
}

#niveau{width:100px;
height:48px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
border:solid;
border-left:none;
border-top-width:thin;
border-bottom:none;
border-right-width:thin;
border-color:#03F;
float:left;
}

#prix{width:50px;
height:48px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
text-align:center;
border:solid;
border-left:none;
border-top-width:thin;
border-bottom:none;
border-right-width:thin;
border-color:#03F;
float:left;
}

#equipement{width:97px;
height:48px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
text-align:center;
border:solid;
border-left:none;
border-right:none;
border-top-width:thin;
border-bottom:none;
border-color:#03F;
float:left;
}

/*tableau tarif escalade*/
#tableau{width:320px;
height:400px;
margin-left:15px;
float:left;
}

#tableauescalade{width:280px;
height:108px;
margin-top:20px;
margin-left:20px;
border-style:solid;
border-color:#03F;
border-top-width:thin;
border-bottom-width:medium;
border-left-width:thin;
border-right-width:thin;
}

#caseescalade{width:280px;
height:15px;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
text-align:center;
color:#F90;
font-weight:bold;
border-style:solid;
border-color:#03F;
border-top:none;
border-bottom-width:medium;
border-left:none;
border-right:none;
}

#legendeescalade{width:82px;
height:11px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
text-align:center;
border-style:solid;
border-color:#03F;
border-top:none;
border-bottom-width:thin;
border-left:none;
border-right:none;
float:left;
}

#personneescalade{width:65px;
height:11px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
text-align:center;
border-style:solid;
border-color:#03F;
border-top:none;
border-bottom-width:thin;
border-left-width:thin;
border-right:none;
float:left;
}
	
#jourescalade{width:82px;
height:25px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
text-align:center;
border-style:solid;
border-color:#03F;
border-top:none;
border-bottom-width:thin;
border-left:none;
border-right:none;
float:left;
}	

#prixescalade{width:65px;
height:25px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
text-align:center;
border-style:solid;
border-color:#03F;
border-top:none;
border-bottom-width:thin;
border-left-width:thin;
border-right:none;
float:left;
}

#grandevoie{width:197px;
height:25px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
text-align:center;
border-style:solid;
border-color:#03F;
border-top:none;
border-bottom-width:thin;
border-left-width:thin;
border-right:none;
float:left;
}	

#tableauvia{width:280px;
height:82px;
margin-top:20px;
margin-left:20px;
border-style:solid;
border-color:#03F;
border-top-width:thin;
border-bottom-width:medium;
border-left-width:thin;
border-right-width:thin;
}

.signature{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:10px;
float:right;
color:#FFF;
}

.textecontact{
	margin-left:70px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

#textecontact{
	margin-left:70px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

.lettrine{font-family:Verdana, Geneva, sans-serif;
font-size:28px;
color:#F90;
}


.gras{font-family:Verdana, Geneva, sans-serif;
color:#F90;
font-weight:bold;
font-size:14px;
}

.tarif{font-family:Verdana, Geneva, sans-serif;
font-size:14px;
font-style:italic;
font-weight:bold;
color:#F90;
}

p{line-height:120%;
}

.tags{font-family:"Comic Sans MS", cursive;
font-size:16px;
font-weight:bold;
text-decoration:overline;
text-align:center;
margin-bottom:3px;
}

.mottags{font-family:"Comic Sans MS", cursive;
font-size:10px;
font-weight:bold;
text-transform:lowercase;
text-align:right;
}

a.tags:link{color:#999;
font-family:"Comic Sans MS", cursive;
font-size:12px;
font-weight:bold;
text-transform:lowercase;
text-align:right;
}

a.tags:visited{
	color:#999;
	font-family:"Comic Sans MS", cursive;
font-size:12px;
font-weight:bold;
text-transform:lowercase;
text-align:right;
}

a.tags:hover{color:#000;
font-family:"Comic Sans MS", cursive;
font-size:12px;
font-weight:bold;
text-transform:lowercase;
text-align:right;
}

.condition{font-family:Verdana, Geneva, sans-serif;
font-weight:bold;
font-size:12px;
text-decoration:underline;
}