* {
padding :0;
margin : 0;
}


body {
font-family : Trebuchet MS;
font-size : 12px;
line-height : 120%;
background : #ECECEC url(../img/bgBody.jpg) repeat-x;
}


#page {
width : 100%;
background : url(../img/bgBas.png) bottom left repeat-x;
}


/**************cadre principal **********************/

	#cadrePrincipal{
	position : relative;
	margin-left : auto;
	margin-right : auto;
	width : 950px;	
	margin-top : 0px;
	background :url(../img/bgConteneurprincipal.jpg) 0px 500px repeat-x;
	}  
	
/********************  Menu ***************************/

		#cadreMenu{
		position : relative;
		width : 100%;		
		}
	
			#menu {
			text-align:center;	
			}
				
			
			#menu li {
				float:left;
				padding : 20px 20px 0 20px;
				font-size : 12pt;
				height : 40px;
				list-style: none;
				background : url(../img/bgMenu.png) no-repeat;
			}	

			#menu li  a{
				text-decoration : none;
				font-weight : bold;
				text-transform : uppercase;
				color : #565656;
			}	
			

			
/********************  Cadre du contenu ***************************/			

		#cadreSecondaire{	
		position : relative;
		width : 100%;	
		min-height : 350px;
		margin-top : 7px;
		margin-bottom : 20px;
		background :url(../img/bgConteneurSecondaire.jpg) 0px 305px repeat-x;
		}
		
		#cadreSecondaire img{	
		border : none;
		}
		
		#cadreSecondaire h1{	
		font-size : 16pt;
		color : #3CA1CF;
		margin-bottom : 20px;
		}
		
		#cadreSecondaire h2{	
		font-size : 14pt;
		color : #3CA1CF;
		margin-bottom : 10px;
		}
		
		#cadreSecondaire h3{	
		font-size : 14pt;
		color : #9BB200;
		margin-bottom : 10px;
		}
		
		#cadreSecondaire p{	
		text-align : justify;
		padding-right : 40px;
		margin-bottom : 20px;
		}
		
/********************  Cadre du contenu gauche***************************/

			#cadreSecondaire #cadreGauche{
			float : left ;
			width : 630px;
			margin-top : 20px;			
			padding-left : 20px;
			}
			
			
			/********************  Cadre du contenu gauche***************************/
			
			#cadreSecondaire #cadreGauche form {
			width : 97%;}
			
			#cadreSecondaire #cadreGauche fieldset {
			border : #ababab;}
			
			#cadreSecondaire #cadreGauche label{
			width : 200px;
			display : block;			
			}
			
			#cadreSecondaire #cadreGauche fieldset{
			font-size : 16pt;
			}
			
			#cadreSecondaire #cadreGauche input, textarea{
			width : 550px;
			border : 1px solid #CDCDCD;
			padding : 5px;
			margin-bottom : 5px;						
			margin-right : 20px;
			font-size : 10pt;	
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			}
			
			#cadreSecondaire #cadreGauche textarea{
			height : 120px;		
			}
				
			#cadreSecondaire #cadreGauche .video{
			float : left;
			margin : 5px;
			margin-left : 0;
			}
/********************  Cadre du contenu gauche table vente***************************/
		#cadreSecondaire #cadreGauche table {
		width : 87%;
		margin-bottom : 15px;						
		margin-right : 20px;
		font-size : 10pt;	
		border : 1px solid #565656;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;		
			}
	
			#cadreSecondaire #cadreGauche table a{
			color : white;
			text-decoration : none;
			font-weight : bold;
			}
		
			#cadreSecondaire #cadreGauche td{	
			border : 0px solid #CDCDCD; 
			padding : 10px;
			font-size : 12pt;
			}
		
			#cadreSecondaire #cadreGauche td.entete{
			color :#565656;
			font-weight : bold;
			text-align : center;
			background : #CCCCCC;
			}
		
			#cadreSecondaire #cadreGauche td.red{
			padding-left : 40px;
			border : none;
			width : 125px;
			background : url(../img/btn.png) no-repeat;
			}
					
/********************  Cadre du contenu droit ***************************/

			#cadreSecondaire #cadreDroit{
			float : left ;
			width : 300px;			
			margin-top : 20px;
			}
			
			#cadreSecondaire #cadreDroit input.champ, textarea{
			width : 260px;
			border : 1px solid #CDCDCD;
			padding : 5px;
			margin-bottom : 5px;						
			margin-right : 20px;
			font-size : 10pt;	
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			}
			
			#cadreSecondaire #cadreDroit textarea{
			height : 120px;		
			}
			
			#cadreSecondaire #cadreDroit input#image{
			float : right ; 						
			margin-right : 20px;
			}
			
			#cadreSecondaire a{
			color : #565656;;
			}
			
			
/********************  pied de page ***************************/
	#pied {	
	width : 100%;
	height : 297px;	
	background : url(../img/bgBas.png) bottom left repeat-x;
	}
	
		
	#pied dl{
	float : left;
	padding-top : 60px;
	padding-left : 10px;	
	width : 300px;
	border-right : 1px dashed #565656;
	margin-right : 20px;
	}
	
	#pied dt{
	font-size : 16pt;
	color : #565656;
	margin-bottom : 20px;
	}
	
	#pied dd{
	list-style : none;
	padding-bottom : 5px;
	}
	
	#pied a{
	font-size : 12pt;
	text-decoration : none;
	color : #3CA1CF;
	}
	
	#pied  p{
	font-size : 12pt;
	color : #565656;
	padding-top : 60px;
	text-align : right;
	}

/********************  div clear ***************************/
.clear {
clear : both;
}