html, body {
margin: 0;
padding: 0;
height: 100%
}

body {
	margin: 0;
	padding: 0;
	text-align : left;
	font-family : arial;
	font-size : 11px;
	color : #000000;
	background-color: #333333;


}

.cont {
background-color :#fff;
text-align : left;
width : 770px ; 
margin-left : auto;
margin-right : auto;
margin-top : 5px;
height:100%;
border : 10px solid yellow;
}
html>body .cont {height : auto; min-height : 100%;  }


.haut {
	width : 675px;
	height : 251px;
	background-color :transparent;
	margin-left : auto;
	margin-right : auto;
	margin-top : 15px;
	background-image : url(images/bghaut.jpg);
	border-top : 1px solid #fff;
	background-repeat: no-repeat;
}
 
 
 .centre {
width : 675px ;
margin-left : auto;
margin-right : auto;
text-align : left; 
background : transparent;
}
 
 
 
 
 .bas {
 width : 705px ; 
height : 40px ;
background : transparent;
overflow : hidden
}
 
 
.gauche {
	float : left;
	background : transparent;
	width : 160px;
	text-align : left;
	margin-left : 10px;
	margin-top : 20px;
	padding-bottom : 25px;
	overflow : hidden;
}


html>body .gauche {   margin-left : 15px ; }
 

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

.droitepv {
float : left ;  
background-color : transparent;
width : 680px;
margin-left : 15px;
 margin-top : 10px; 
padding-bottom : 100px}


.haut_droite {
	width :470px;
	background-color :#999999;
	float : left;
	margin-left : 0;
	overflow : hidden;
	color: #FFFF00;
} 

 

 
 
 
 
 
 
 
  h3 {
margin : 10px 0 0 0 ;
padding : 0 ; 
font-size : 12px; }
 
 
 
 
 h2 {
	margin : 10px 0 0 0;
	padding : 0 0 10px 0;
	font-size : 12px;
	background :  url(images/hr2.gif) left bottom repeat-x;
	text-transform : uppercase;
	text-align: right;
}

.poussetop {margin : 20px 0 0 0 ;}



h1 {
	font-size : 22px;
	margin : 20px 0 0 0;
	padding : 0 0 10px 0;
	text-transform : uppercase;
	background :  url(images/hr2.gif) left bottom repeat-x;
	color: #FFFF00;
	font-weight: bold;
}
.soustitre {
	font-size: 12px;
	color: #333333;
	text-align: left;
	height: 100%;
	width: 100%;
}

 
 
 
 /* LISTE */ 
 
 ul, li {
 margin :0;
padding : 0 ; 
list-style : none ;}

 
 
 /* MENU */

.menu {
	text-align: left;
	background-color :transparent;
	color :#fff;
	font-size : 14px;
	font-weight : bold;
	margin-top : 230px;
	margin-left :10px;
	font-size : 12px;
	height: 10px;
	left: 150px;
}

html>body .menu { margin-left :10px;  }
 
 
 
.menu li{
 float : left ;
  margin-left : 0 ;
   padding-top : 0 ;}
  


.menu li a {
color : purple ; 
text-decoration : none ; 
padding-right : 5px ;  
padding-left : 5px ;}


.menu li a:hover {
color : purple; 
text-decoration : none }


li.menuexept a{
	text-decoration : none;
	padding-right : 5px;
	padding-left : 5px;
	background-color: #666666;
	background-image: url(images/ul.jpg);
	background-repeat: repeat-y;
	background-position: right bottom;
}
li.menuexept a:hover { 
text-decoration : none }



.logo {
float : left ; 
margin-top : 20px ; 
margin-right : 10px ;
border : 1px solid #81D307 }


/* IMAGES A DROITE */

.img_droite {float : right; 
margin-top : 10px ; 
border : 1px solid #81D307 }






 /* PARAGRAPHES */

p {margin : 3px 15px 0 0 ; padding : 0}

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


.top {margin : 10px 25px 0 5px ; border-bottom : 1px dotted #4B3D40 ; padding-bottom : 5px}
.top2 {margin : 30px 25px 0 5px ;border-bottom : 1px dotted #4B3D40 ;  padding-bottom : 5px}
.notop {margin : 5px 25px 0 5px ;}
.notop2 {margin : 0 25px 0 5px ;}
.couleur {color : #4B3D40; font-weight : bold }




.signature { 
margin :0 0 0 345px; 
color : #000 }
.copy {
border : 0; 
margin-right : 5px}

 .barre {text-decoration: line-through ; }

 /* SEPARATEURS */


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









 /* LIENS */


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

a:hover {
color :purple; 
text-decoration : none ;}



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

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

a.class2 {
color : #4B3D40; 
text-decoration : underline ; 
text-transform : uppercase ; 
font-size : 9px ; }

a:hover.class2 {
color : #4B3D40; 
text-decoration :underline }

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

a:hover.class3 {
color : #4B3D40; 
text-decoration : underline;  
}


a.class4{
color : #000; 
text-decoration : none ; 
text-transform : none ;  }

a:hover.class4 {
color : #FF6699; 
text-decoration : underline;  
}



.google {margin-top : 10px}
.textegros {
	font-size: 15px;
	color: #FFFFFF;
	background-color: #000000;
	text-align: right;
	font-weight: bold;
}
.video {
	background-color: #000000;	
	width: 300px;
	height: 200px;
	border: medium solid #990000;
	text-align: center;
	vertical-align: middle;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 90px;
}

	.Style7 {font-size: 16px}
.Style8 {font-size: 12px}
.Style9 {font-size: 10px}
.Style10 {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
.Style12 {
	font-size: 12px;
	color: #494949;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.table_credt {
	font-size: 12px;
	background-color: #666666;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	color: #FFFFFF;
	margin: 1px;
	padding: 5px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}
.table_credt2 {
	font-size: 12px;
	background-color: #333333;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	color: #FFFFFF;
	margin: 1px;
	padding: 5px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}
.invit {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #666666;
	border: thin dotted #990000;
}
.txtgros {
	font-family: "Courier New", Courier, monospace;
	font-size: 20px;
	font-weight: bold;
	color: #CCFF00;
}
.txtmoyenvert {
	font-family: "Courier New", Courier, monospace;
	font-size: 17px;
	font-weight: bold;
	color: #CCFF00;
}
.pGros {
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFF00;
}
.rose {
	font-weight: bold;
	color: #FF0033;
	font-size: 13px;
}
.promo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #99FF00;
}
.explic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #00CCFF;
	text-align: center;
}