/* block :  
width		height
padding
border-width border-style border-color   	Exemple : 3px dotted  green;  / dotted/solid/
background-color background-image background-position background-repeat background-attachment	 	Exemple: white url(image;jpg) center right no repeat scroll;
*/

/* Typographie et mise en forme caractères
font-family
font-style               exemple : italic ou normal
font-weight           exemple : bold
font-size	         exemple : 120% ou large
font (font-style font-weight font-size/line-height font-family)       Exemple: font: italic blod 120%/140% Arial, sans-serif;
color
background-color
text-decoration  exemple : underline ou overline ou line-through ou blink
line-height
letter-spacing
word-spacing
text-align              exemple : justify ou 
*/
#banderole {text-align : center;}
table.centre {width: 50%; margin: 0 auto; text-align:center;}  /* centrage horizontal d'un bloc dans son conteneur */ /* vebalis.php */


p.important  /* block texte noir ; fond jaune; cadre bleu - */ 
		{color:#000000; text-align:center;  background-color:#e5fd57;  
		padding:5px; border:thin solid #0000FF;  margin:10px; }
		
body#body_index #global * {padding:0; margin:0;} 
body#body_index ol {position:relative; margin:0 10%; list-style:none;} 
body#body_index ul {list-style:inside;} 
body#body_index ol li h4 {text-align:left; font-size:1em;}


/* body_index news  */
body#body_index div#actu {margin-top: 30px; margin-left: 50%; border: 1px solid black; width: 45%; }
body#body_index div#actu li {list-style-type: none; }
body#body_index div#actu li a {color: black; text-decoration: none ; }
body#body_index div#actu li a:hover {text-decoration: underline ; }

/* body_index zone voyage  (div en 4) */
body#body_index #global div#voyages {overflow:hidden; margin-top:10px; border: 5px solid grey; background-color: #8e8e8d;}
body#body_index #global div#voyages  ol {border-top: 2px solid grey;}
body#body_index #global #voyages h3 {width: 200px; margin:auto;}
body#body_index #ins_randoavril,#ins_randomai,#ins_randojuillet {position:absolute; width:24%; height:100%;}
body#body_index #ins_randojuillet {left:51%; top:0;} 
body#body_index #ins_randomai {right:50%; top:0;} 
body#body_index #ins_randaout1 {margin-left:76%; width:24%;}
body#body_index li#ins_randoavril {background-color: #ededea;}
body#body_index li#ins_randomai {background-color: #96deac;}
body#body_index li#ins_randojuillet {background-color: #c4d882;}
/*on spécifie une dimension width 100% ou 70% > l'image s'adapte aux dimensions de son conteneur,   
  l'autre dimension va s'adapter proportionellement. */
body#body_index #ins_randoavril img {width: 100%;}
body#body_index #ins_randomai img {width: 100%;}
body#body_index #ins_randojuillet img {width: 100%;}
body#body_index #ins_randaout1 img {width: 100%;}  

/* body_index zone 1 (division en 3) */
body#body_index #global div#reportages {margin-top:10px; border: 5px solid grey; background-color: #8e8e8d;}
body#body_index #global div#reportages  ol {border-top: 2px solid grey;}
body#body_index #global #reportages h3 {width: 200px; margin:auto;}
body#body_index #randopaques,#randaout {position:absolute; width:32%; height:100%;} 
body#body_index #randaout {left:33%; top:0;} 
body#body_index #albertparis {margin-left:66%; text-align: center;}
body#body_index #albertparis blockquote {text-align: left;}
body#body_index li#randopaques {background-color: #ededea;}
body#body_index li#randaout {background-color: #ccccc9;}
body#body_index li#albertparis {background-color: #aaaaa9;}
/*on spécifie une dimension width 100% ou 70% > l'image s'adapte aux dimensions de son conteneur,   
  l'autre dimension va s'adapter proportionellement. */
body#body_index #randopaques img {width: 100%;}
body#body_index #randaout img {width: 100%;}
body#body_index #albertparis img {width: 100%;} 
/* body_index zone 2  (division en 4 )*/ 
body#body_index div#conteneur-ligne2 {position:relative; margin-top:10px; margin-bottom:10px; border: 5px solid grey;}
body#body_index div#conteneur-ligne2 h3{width: 150px; margin:auto; background-color: #8e8e8d; text-align:center;}
body#body_index #hebergements,#boutique,#topoguide {position:absolute; width:24%; height:100%;} 
body#body_index #boutique {left:51%; top:0;} 
body#body_index #topoguide {right:50%; top:0;} 
body#body_index #travaux {margin-left:76%; width:24%;}
body#body_index #topoguide img {width: 100%;} /* 1 dmension et l'autre s'adapte porportionellement  */
body#body_index #hebergements img {width: 100%;} 
body#body_index #travaux   img {width: 40%;}
body#body_index #boutique img#tshirt {width: 100%;}
body#body_index #boutique  p#photo_panneau_boutique {text-align:center;}

body#body_contacts div#global ol 
{position:relative; margin:0 2%; list-style:none; font-size: .95em; border-bottom: 1px solid black; padding-bottom:5px; } 
body#body_contacts div#global ul {list-style:inside;} 
body#body_contacts #direction,body#body_contacts #regionbxl {position:absolute; width:30%; height:100%;}
body#body_contacts #regionbxl {right: 0%; } 
body#body_contacts #province {margin-left: 33%; margin-right: 34%;}
body#body_contacts div#global ol h2 {margin:0 1px; font-size: .95em; border-bottom: 1px solid black;} 

body#body_lienspar table {border-collapse: collapse;}
body#body_lienspar table caption  {margin: auto; font-family: Arial, Times, "Times New Roman", serif; font-weight: bold; font-size: 1.2em; color : #FFFF00; background-color : #7063fd; padding: 10px;}
body#body_lienspar table th  {vertical-align: top; padding: 6px; text-align: center; color:#191919; background-color: #787878; border: 1px solid black;}
body#body_lienspar table td  {vertical-align: top; padding: 8px; font-size: 11px; font-family: 'Comic Sans MS', 'Trebuchet MS', Georgia, serif; border: 1px solid black; text-align: center;}


body#qui_sommes_nous img#minicarterv {float:left; padding-right: 10px;  }
body#qui_sommes_nous #conteneur {overflow: hidden;} /*crée un contexte de formatage dans le bloc conteneur */

body#guyhochart div#annonce {text-align:center;}
body#guyhochart div#annonce p {width: 40%; margin-left: auto; margin-right: auto;}
#menulasbl li {display: inline ; margin-right: 1px ; color: #000000 ; background: #fff ; }
#menulasbl li a { padding: 4px 20px ; background: #7063FD ; color : black; ; border: 1px solid #600 ; font: 1em "Trebuchet MS",Arial,sans-serif ; 
					line-height: 1em ; text-align: center ; text-decoration: none ; }
#menulasbl li a:hover, #menulasbl li a:focus, #menulasbl li a:active { 	color : white; background: #9a9a9a; text-decoration: underline ;}
#menulasbl #mnu_pgcourante { padding: 4px 20px ; color: black; background: #E8E8E8;}

.clear {clear: both; }