body {
margin: 0;

padding: 0;
font-family : arial;
font-size : 12px;
color : #999966;
background-color: #efebde;
/*background-image:url(images/fond_body.png);*/
background-repeat:repeat;

}
 #conteneur {
 margin-left: auto;
  margin-right: auto;
width:90%;
border-bottom: 2px solid #CCCC33;


}


.cont {
float: left;
background-color: #8E735E;
text-align : left;
width : 497px ; 
margin-left : 10%;
margin-top : 5%;
padding-top: 10px;
background : url(/agence_de_communication/fond.jpg) center top repeat-x fixed;
}
html>body .cont {height : auto; min-height : 100%;  }


#haut {
margin-top:0px;
background-color :transparent;
margin-left : auto;
margin-right : auto;
margin-bottom: 30px;
 border-top : 1px solid #fff;
 }
.citation {
color:#fff;
margin: 10px;
font-size:13px;
font-weight : bold;
position: absolute;
z-index: 2;

}
#tampon {
float: left;
margin: 0px 0 0 50px ;
top: -20px;
position: absolute;
z-index: 1;
width: 218px;
padding-top: 20px;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
background-color:#999966;

}
#logo{position: absolute;
z-index: 10;
margin: 20px  auto  auto  80px ;
text-align: left;
}
#gauche {
height:100%;
float : left ;  
overflow : hidden;
padding-left: 10px;
margin-top: -4px;
color: #333300;
background-color:#999966;
}

.centre {
width : 675px ;
background-color :transparent;
margin-left : auto;
margin-right : auto;
text-align : left; 
 background-image :  url(images/centre6.jpg);
}
html>body .centre {  } 
 
  
#footer{
text-align: center;

height : 20px ;
overflow : hidden;
margin-left:40%;
margin-top:5px;
margin-bottom:5px;
color: #000;
}
 
#bas{
color: #006699;
padding-top: 4px;
text-align: center;
height : 51px ;
/*background-color: #CCCC33;*/
padding-left: 350px;
}
 

.droite {
float : left ;  
background-color : transparent;
width : 480px;
margin-left : 15px;
padding-bottom : 100px}


#haut_droite {
	padding: 0px 5px 40px 5px ;
	background-color :#fff; 
	margin-left : 250px; 
	margin-right: auto; 
	margin-top : 30px; 
 	z-index: 10;
	overflow : hidden;
	border-top: 15px solid  #006699;
	border-bottom: 0px solid #CCCC33;}
	 
 html>body .haut_droite {  margin-left : 0;   	z-index: 10;
 }
 
 h3 {
width : 220px;
margin : 40px 0 10px 5px ;
padding : 0; 
font-size : 12px;
color:#999966;
text-transform : uppercase ;
height : 31px; }
 
 h2 {
margin : 20px 0 0 0 ;
padding : 0; 
font-size : 1.8em;
background-color :transparent;
color: #006699;
text-transform : uppercase ; }



h1 {
color: #fff;
font-size : 2.2em;  
text-align: right;
margin : 37px 0 0 0 ;
padding: 57px 0 0 0 ;
background-color: #006699;}

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

.haut li
{
list-style : none ;
}


#menu {
text-align: left;
border-top:  #000 5px solid; 
border-bottom: #000 2px solid; 
height:30px;
/*background-color: #CCCC33; */
font-size : 17px ; 
font-weight : bold;
margin-top : 30px;
margin-right: 0px;
overflow : hidden}

html>body #menu { margin-left :10px;  }
  
#menu li,  #menu ul{
 float : right ;
 margin: 0 ;
 padding: 0 ;}
  
#menu li a {color: #666; /*color #0099CC ;*/ text-decoration : none ;  background :  url(images/ul.jpg) right bottom repeat-y; padding-right : 5px ;  padding-left : 5px ;}
#menu li a:hover {color : #333 ;  text-decoration : none }


div.hr {
  height: 6px;
margin : 12px 2px 6px 0  ;
padding :2px 0px 2px 0px; 
  background : #333300 url(images/hr.gif) scroll center;
  background-repeat:no-repeat;
}

div.hr hr {
  display: none;  padding :20px 0px 20px 0px; 
}

div.hr2 {

  height: 6px;
margin : 2px 2px 2px 0  ;
padding :2px 0px 2px 0px; 
  background :  url(images/hr2.gif) scroll center;  background-repeat:repeat-x;

}

div.hr2 hr {
  display: none;  padding :0; 
}



p {margin : 10px 15px 0 0 ; padding : O}

.intro {
width : 290px ; 
margin : 0 15px 0 0px ;
display : inline; }

.pboot {
margin : 10px 15px 0 0 ; 
padding : O ; 
text-indent : 10px ;   
background :   url(images/pboot.jpg) left top no-repeat;}


.top {font-size: 11px; margin : 10px 25px 0 5px ; border-bottom : 1px dotted #C1460C; padding-bottom : 5px}
.top2 {font-size: 11px; margin : 30px 25px 0 5px ;border-bottom : 1px dotted #C1460C ;  padding-bottom : 5px}
.notop {font-size: 11px; margin : 5px 25px 0 5px ;}
.notop2 {font-size: 11px; margin : 5px 25px 0 5px ;text-align: right;
}
.notopdroite {margin : 0 25px 0 0 ;}
.top_menu {margin-top : 0 ; display : block}
.signature { text-align: right; margin :0 10px 0 0 }
.couleur {color : #0066cc; font-weight : bold }


.spacer {
clear : both; 
height : 13px ; }
.spacer2 {
clear : both; 
height : 13px ; background-color : red}


a {
color: #3366cc; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold}

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



a.class1 {
color : #333300; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold}

a:hover.class1 {
color : #999966; 
text-decoration : none ; }

a.class2 {
color : #fff; text-align: right;

text-decoration : underline ; text-transform : uppercase ; font-size : 9px ; }

a:hover.class2 {
color : #999966; text-align: right;

text-decoration :underline }

a.class3{
color : #465F89; 
text-decoration : underline ; font-size : 9px ;}

a:hover.class3 {
color : #465F89; 
text-decoration : underline;  
}
#imagehaut{
width:100%;
height:282px;
background-image:url(images/montagne.jpg);
background-position: right;
background-repeat:no-repeat;
}
#imagetitre{
height: 282px;
width:100%;
text-align: right;
top: 0;	
}

.imagedroite{
	float: right;
	margin-left: 5px;
	margin-right: 5px;
}
.imagegauche{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}