body {
margin : 0 ; 
padding : 0 ; 
background-color : #fff; 
text-align : center ;
font-size : 12px;
font-family : arial ; }
 
INPUT {
color:#FFFFFF;
background-color:#300466;
font-size:12px;
font-family:arial;
}
SELECT {
color:#FFFFFF;
background-color:#300466;
font-size:12px;
font-family:arial;
}

TABLE {
font-size:12px;
font-family:arial;
}

.content{ 
  width: 830px; 
  height: 540px; 
  background-color: #fff; 
  margin-left: auto; 
  margin-right: auto;
  text-align : left; 
  } 
  
  .haut {
  width : 830px ; 
  height : 40px ; 
  background-color : transparent; }
  
  .bas {
  width : 830px ; 
  height : 40px ; 
  background-color : transparent;
  margin-top : -100px;   }
  
/* BLOCS PRINCIPAUX 1 2 3 4 en float left */ 
.bloc_001 {
float : left;
width : 200px;
height : 600px;
background-color: transparent;  }

.bloc_002 {
float : left;
width : 200px;
height : 600px ;
margin-left : 5px;
background-color: transparent;
}

.bloc_003 {
float : left;
width : 200px;
height : 600px ;
margin-left : 5px;
background-color: transparent; }

.bloc_004 {
float : left;
width : 200px;
height : 600px ;
margin-left : 5px;
background-color: transparent; 
color : #fff}

/* BLOCS INTERIEUR 001 */ 

.bloc_in_001 {
height : 236px ; 
width : 200px ; 
text-align : left ;
background-color : transparent; 
border-top : 1px solid #fff;
 background-image : url(images/logo.jpg)}
	 html>body .bloc_in_001{height : 235px ; }  


.bloc_in_sous_sous_001 {
height : 250px ; 
width : 200px ; 
background-color :transparent ; 
margin-top : 5px; 
  border-top : 1px solid #fff; 
background-image : url(images/005.jpg)}

.bloc_in_sous_sous_001texte {
height : 250px ; 
width : 200px ; 
background-color :transparent ; 
margin-top : 5px; 
  border-top : 1px solid #fff; 
background-image : url(images/005texte.jpg)}



/* BLOCS INTERIEUR 002 */ 

.bloc_in_002 {
height : 81px ; 
width : 200px ; 
background-color : transparent; 

border-top : 1px solid #fff;
background-repeat : none}
	 html>body .bloc_in_002{height : 80px ; }  

.bloc_in_sous_002 {height : 151px ;
 width : 200px ;
  background-color : transparent ; 
  margin-top : 5px ;
  border-top : 1px solid #fff;
  background-image : url(images/bleu3texte.jpg)}
  	 html>body .bloc_in_sous_002 {height : 150px ; } 

.bloc_in_sous_002bis {height : 151px ;
 width : 200px ;
  background-color : #9d005c ; 
  margin-top : 5px ;
  border-top : 1px solid #fff;}
  	 html>body .bloc_in_sous_002bis {height : 150px ; }


.bloc_in_sous_sous_002 {height : 251px ;
 width : 200px ;
 background-color : transparent ;
  margin-top : 5px ;
  border-top : 1px solid #fff; 
  /*background-image : url(images/vtt_gard.jpg)}*/
html>body .bloc_in_sous_sous_002 {height : 250px ; } 

/* BLOCS INTERIEUR 003 */ 
 
.bloc_in_003 {
height : 81px ; 
width : 200px ; 
background-color : transparent ; 

border-top : 1px solid #fff ;
background-repeat : none}
  	 html>body .bloc_in_003 {height :80px ; } 

.bloc_in_sous_003 {
height : 151px ;
 width : 200px ; 
background-color : transparent ; 
margin-top : 5px;
/*background-image : url(show_image.php);*/
 border-top : 1px solid #fff;}
html>body .bloc_in_sous_003 {height :150px ; } 

.bloc_in_sous_sous_003 {
height : 251px ; 
width : 200px ; 
background-color : #9d005c ; 
margin-top : 3px ; 
color : #fff;
border-top : 1px solid #fff;}
html>body .bloc_in_sous_sous_003 {height :250px ; } 


.bloc_in_sous_sous_003bis {
height : 251px ; 
width : 200px ; 
background-color : #9d005c ; 
margin-top : 5px ; 
color : #fff;
border-top : 1px solid #fff;
 background-image : url(images/bleu3textebis.jpg);}
html>body .bloc_in_sous_sous_003 {height :250px ; }

/* BLOCS INTERIEUR 004 */ 

.bloc_in_004 {
height : 81px ; 
width : 200px ; 
background-color : transparent;
 color : #fff ;
 border-top : 1px solid #fff; 
  background-image : url(images/bleu.jpg)}
 html>body .bloc_in_004  {height : 80px ; } 

.bloc_in_sous_004 {
height : 151px ;
 width : 200px ; 
 background-color : transparent ;
  margin-top : 5px; 
  /*background-image : url(show_image.php);*/
   border-top : 1px solid #fff}
 html>body   .bloc_in_sous_004   {height : 150px ; } 

.bloc_in_sous_sous_004 {height : 251px ; 
width : 200px ; 
background-color : transparent ; 
margin-top : 5px ;
 background-image : url(images/001.jpg);
 border-top : 1px solid #fff;}
 html>body .bloc_in_sous_sous_004    {height : 250px ; } 

/* TEXTE*/

.para_in1 {margin : 60px  5px 0 10px}
.para_in2 {margin : 10px  5px 0 10px}
.para_in3 {margin : 5px  5px 0 10px}
.para_in4 {margin : 80px  5px 0 10px}
.para_in5 {margin : 30px  5px 5px 10px}
.notop{margin : 0 5px 0 10px}
.g_100{margin : 0 5px 0 150px; }
.g_50{margin : 0 5px 0 100px; }
.top {margin : 10px 10px 0 10px ; }
.top2 {margin : 5px 10px 0 10px ; }
.bottom {margin : 300 0 0 0 ; }
.para_droite {
float : right ;
margin-right :66px ;
margin-top : 20px ;
margin-bottom :0; 
margin-left : 0}
 html>body .para_droite   {margin-right : 130px } 
 
.para_droite_droite {
float : right ;
margin-right :10px ;
margin-top : 20px ;
margin-bottom :0; 
margin-left : 0}
 html>body .para_droite_droite   {margin-right : 130px }
 
 .para_gauche {
float : left ;
margin-right :0px ;
margin-top : 20px ;
margin-bottom :0; 
margin-left : 10px;
font-weight : bold;
 font-size : 10px}
 html>body .para_gauche   {margin-left : 130px }

 
 
.spacer {clear : both}

ul {margin :0 0 0 10px ; padding : 0 ; list-style : none} 

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

a.class1 {color:#000; text-decoration:none; font-weight : bold} 
a:hover.class1 {color:#7d0196; text-decoration:none;} 

a.class3 {color:#000; text-decoration:none; font-weight : bold; font-size : 11px} 
a:hover.class3 {color:#7d0196; text-decoration:none;} 

a.class2 {color:#7d0196; text-decoration:none; font-weight : bold} 
a:hover.class2 {color:#7d0196; text-decoration:none;} 

.logo {margin-top : 5px}
.bold12 {font-weight : bold ; font-size : 12px}
.bold14 {font-weight : bold ; font-size : 14px}
.12 {font-size : 12px}
.10 {font-size : 10px}
.noir {font-color : #000}
/* BLOCS supplementaire pour la page LIENS - BLOCS INTERIEUR 005*/ 
.bloc_005{
float : left;
width : 405px;
height : 600px ;
margin-left : 5px;
background-color: transparent;
color : #fff} 

/* BLOCS INTERIEUR 005 */ 

.bloc_in_005 {
height : 81px ; 
width : 200px ; 
background-color : transparent ; 

border-top : 1px solid #fff;
background-repeat : none ; float : left}
	 html>body .bloc_in_005{height : 80px ; }  


.bloc_in_005_B {
height : 81px ; 
width : 200px ; 
background-color : transparent ; 

border-top : 1px solid #fff;
background-repeat : none ; float : left;
margin-left : 5px}
	 html>body .bloc_in_005_B{height : 80px ; } 
	 
	 .bloc_in_005_B_texte {
height : 406px ; 
width : 405px ; 
/*background-color : #fff;*/
border-top : 1px solid #fff;
/*background-repeat : none ;*/ 
margin-left : 0;
margin-top : -10px;
color : #000;
/*background-image : url(images/via/vidourle_escalade_gard_01.jpg);*/
text-align : right}
	 html>body .bloc_in_005_B_texte{height : 405px ; margin-top : 0 }   

/*page au programme ce jour*/

	 .bloc_in_005_B_texte_cejour {
height : 406px ; 
width : 405px ; 
background-color : #fff;
border-top : 1px solid #fff;
background-repeat : none ; 
margin-left : 0;
margin-top : -10px;
color : #000;
background-image : url(images/cadre_noir.gif);
text-align : center}
	 html>body .bloc_in_005_B_texte_cejour{height : 405px ; margin-top : 0 }

/*page avec cadre bulle*/

	 .bloc_in_005_B_texte_bulle {
height : 406px ; 
width : 405px ; 
background-color : #fff;
border-top : 1px solid #fff;
background-repeat : none ; 
margin-left : 0;
margin-top : -10px;
color : #000;
background-image : url(images/cadre_bulle.gif);
text-align : center}
	 html>body .bloc_in_005_B_texte_bulle{height : 405px ; margin-top : 0 }

/*page partenaire*/

	 .bloc_in_005_B_texte_par {
height : 406px ; 
width : 405px ; 
background-color : #fff;
border-top : 1px solid #fff;
background-repeat : none ; 
margin-left : 0;
margin-top : -10px;
color : #000;
background-image : url(images/cadre_noir.gif);
text-align : center}
	 html>body .bloc_in_005_B_texte_par{height : 405px ; margin-top : 0 }

/*page admin*/

	 .bloc_in_005_B_texte_admin {
height : 406px ; 
width : 405px ; 
background-color : #fff;
border-top : 1px solid #fff;
background-repeat : none ; 
margin-left : 0;
margin-top : -10px;
color : #000;

text-align : center}
	 html>body .bloc_in_005_B_texte_admin{height : 405px ; margin-top : 0 }

/*page fontvide*/

	 .bloc_in_005_B_texte_fontvide {
height : 406px ; 
width : 405px ; 
background-color : #fff;
border-top : 1px solid #fff;
background-repeat : none ; 
margin-left : 0;
margin-top : -10px;
color : #000;
text-align : center}
	 html>body .bloc_in_005_B_texte_fontvide{height : 405px ; margin-top : 0 }

/*page via-ferrata*/

	 .bloc_in_005_B_texte_via {
height : 406px ; 
width : 405px ; 
background-color : #fff;
border-top : 1px solid #fff;
background-repeat : none ; 
margin-left : 0;
margin-top : -10px;
color : #000;
background-image : url(images/via/vidourle_escalade_gard_01.jpg);
text-align : right}
	 html>body .bloc_in_005_B_texte_via{height : 405px ; margin-top : 0 }

/*page canyoning*/

	 .bloc_in_005_B_texte_ca {
height : 406px ; 
width : 405px ; 
background-color : #fff;
border-top : 1px solid #fff;
background-repeat : none ; 
margin-left : 0;
margin-top : -10px;
color : #000;
background-image : url(images/ca/canyon_cevennes_rieutort_01.JPG);
text-align : right}
	 html>body .bloc_in_005_B_texte_ca{height : 405px ; margin-top : 0 }

#image {position:relative; width:405px; height:406px; margin-top:-9px;}
#text {position:absolute; top:1; right:0; width:200px; height:403px; background:#fff;padding:10px;}
#text {filter: alpha(opacity=35);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=35);
 -moz-opacity: 0.35; opacity:0.35;
}
#words {position:absolute; top:0; right:0; width:200px; height:405px; background:transparent; color : #000;padding:10px;}
.curs {cursor:hand; } 

.spacer {clear : both ; height : 5px}



/* BLOCS supplementaire pour la page LIENS - BLOCS INTERIEUR 004 */ 
.bloc_in_sous_004_agenda {
height : 151px ;
 width : 200px ; 
 background-color : transparent ;
  margin-top : 5px; 
  color : #000;
  background-image : url(images/agenda.jpg);
   border-top : 1px solid #fff}
 html>body .bloc_in_sous_004_agenda   {height : 150px ; }


.bloc_in_sous_004_liens {
height : 151px ;
 width : 200px ; 
 background-color : transparent ;
  margin-top : 5px; 
  color : #000;
  background-image : url(images/moi5.jpg);
   border-top : 1px solid #fff}
 html>body .bloc_in_sous_004_liens   {height : 150px ; } 

.bloc_in_sous_004_liens_mail {
height : 151px ;
 width : 200px ; 
 background-color : transparent ;
  margin-top : 5px; 
  color : #000;
  background-image : url(images/moi6.jpg);
   border-top : 1px solid #fff}
 html>body .bloc_in_sous_004_liens_mail   {height : 150px ; }

.bloc_in_sous_004_tarif {
height : 151px ;
 width : 200px ; 
 background-color : transparent ;
  margin-top : 5px; 
  color : #000;
  background-image : url(images/euros.jpg);
   border-top : 1px solid #fff}
 html>body .bloc_in_sous_004_tarif   {height : 150px ; }
 
 .bloc_in_sous_sous_004__liens{height : 251px ; 
width : 200px ; 
background-color : transparent ; 
margin-top : 5px ;
/*background-image : url(images/via/collias_escalade_gard_04.jpg);*/
 border-top : 1px solid #fff;}
 html>body .bloc_in_sous_sous_004__liens   {height : 250px ; }
 
.lienday { 
background-color : #9D005C;
} 

/* NAVIGUE-HEADER */
#navigue-header{padding:20px 20px 0 0}
#navigue-header a{display:block;float:right}
/*les rubriques*/
#navigue-header a#menu1{background:url(img/seminaires_ent_a.gif) top no-repeat;height: 29px;width:160px;}
#navigue-header a#menu1:hover{background:url(img/seminaires_ent_b.gif) top no-repeat;}
#navigue-header a#menu2{background:url(img/evenement_a.gif) top no-repeat;height: 29px;width:160px;}
#navigue-header a#menu2:hover{background:url(img/evenement_b.gif) top no-repeat;}
#navigue-header a#menu3{background:url(img/indiv_group_a.gif) top no-repeat;height: 29px;width:160px;}
#navigue-header a#menu3:hover{background:url(img/indiv_group_b.gif) top no-repeat;}
#navigue-header a#menu4{background:url(img/scolaire_a.gif) top no-repeat;height: 29px;width:160px;}
#navigue-header a#menu4:hover{background:url(img/scolaire_b.gif) top no-repeat;}
/*Activation par page de l'onglet*/
body#seminaires a#menu1{background:url(img/seminaires_ent_b.gif) top no-repeat;}
body#evenement a#menu2{background:url(img/evenement_b.gif) top no-repeat;}
body#indiv a#menu3{background:url(img/indiv_group_b.gif) top no-repeat;}
body#cscolaire a#menu4{background:url(img/scolaire_b.gif) top no-repeat;}