/* CSS Document */
<style type="text/css">
/*proprietes du body*/
*{margin:0px; padding:0px;}
body { 
	background-color: #2e261d;
	margin:0px; 
	padding:0px; 
	font: 11px/19px Georgia, sans-serif, Verdana, Arial;
	/*font: 13px/19px sans-serif, Verdana, Arial, sans-serif;*/
}
/*proprietes du cadrage general*/
div#supermain {width:720px; margin-left:auto; margin-right:auto; background-repeat:repeat;}
div#main {width:720px; margin-left:auto; margin-right:auto; background-repeat:repeat;}
div.nonflottant {clear:both;}/* comme le br clear all*/
/*proprietes de l'image pour entete*/
div#header {width:720px; height:200px;}
div#container {width:720px; float:left; background:url(img/communi.jpg); background-repeat:repeat; float:left;}
/*proprietes de la premiere colonne*/
div#colonne1 {width:150px; padding-top:10px; background-image:url(img/communi.jpg); background-repeat: repeat; float:left;}
/*proprietes de la deuxieme colonne*/		  
div#colonne2 {width:540px; background-color:#fff; float:left;}
	div#colonne2 p {font-size:1.1em; padding:5px 30px 5px 30px; text-align:justify;}
	div#colonne2 p.gras {font-size:1.15em; padding:5px 30px 5px 30px; text-align:justify;}				
	   div#colonne2 h1 { font-size:1.7em; text-align:right; padding:25px 30px 10px 30px; color:#b8481f; }
	      div#colonne2 h2 {font-size:1.3em; padding:5px 30px 5px 30px; color:#fff; text-align:left; background:url(img/fondtit2_2.jpg); background-repeat:repeat;}
	         div#colonne2 h3 { font-size:1.4em; padding:5px 30px 5px 30px; color:#e9c31d; background:url(img/fondtit.jpg); background-repeat:repeat;}
	            div#colonne2 h4 {font-size:1.0em; padding:0px 30px 0px 30px; color:#b8481f;  text-align:justify;}
				  div#colonne2 h6 { font-size:0.95em; height:10px; padding:5px 30px 5px 30px; color:#2e261d; background:url(img/timb5.jpg); background-repeat:repeat;}
				     div#colonne2 img {display:block;  padding:0px 30px 0px 30px; }
					 div#colonne2 img.img2 { float:right; padding-right:30px;}
					   div#colonne2 img.img3 { float:left; padding:10px 20px 10px 30px; }
					      div#colonne2 img.img4 { float:right; padding:0px; margin-right:175px; margin-bottom:30px;}		
	                        div#colonne2 a.comp {display:block; padding-top:3px; padding-bottom:3px; padding-right:5px; text-align:right; font-size:1.2em; font-weight:bold; color:#b8481f; list-style:none; text-decoration:none; background:url(img/fondcomp.jpg); background-repeat:repeat;}
		                     div#colonne2 a.comp:hover {display:block; color:#f3b675; text-decoration:none;}
							  div#colonne2 a {display:block; text-align:right; font-size:1em; color:#b8481f; list-style:none; text-decoration:none;}
		                     div#colonne2 a:hover {display:block; color:#f3b675; text-decoration:none;}
		                     div#colonne2 a.inline_link {display: inline;}
		                     div#colonne2 a.inline_link:hover {display: inline;}
					          div#colonne2 li {display:block;  padding:0px 30px 0px 30px; font-size:1.1em; list-style:circle; list-style-position:inside;}
							    div#colonne2 p.gauche {font-size:1.1em; padding-left:30px; text-align:left;}
								  div#colonne2 p.droite {font-size:1.1em; padding-right:30px; text-align:right; text-align:justify;}
								   div#colonne2 table {font-size:0.6em;}
								   /*proprietes de la deuxieme colonne*/		  
div#colonne4 {width:540px; background-color:#fff; float:left;}
	div#colonne4 p {font-size:1.1em; padding:5px 30px 5px 30px; text-align:justify;}
     div#colonne4 img { padding:20px; }
	  div#colonne4 a { padding:0px; }
	
div#colonne3 {width:30px; float:left;  background:url(img/communi.jpg); background-repeat:repeat;}			
/*proprietes du pied de page*/ 
div#footer {float:left; width:720px; background:url(img/communi.jpg); background-repeat:repeat;}
	div#footer ul {padding-left:150px; padding-top:20px; color:#000; list-style:none;}
		div#footer li {float:left; margin:0px 4px;}/*ligne necessaire pour que mes li soient un à côté des autres*/
			div#footer a {display:block; color:#2e261d; list-style:none; text-decoration:none;}
			 div#footer a:hover {display:block; color:#b8481f; text-decoration:none;}
				div#footer p {padding-left:150px; padding-top:8px; padding-bottom:8px;}
				
div#colonneform {width:515px; background:url(img/header.jpg); background-repeat:repeat;}
    div#colonneform p {font-size:0.90em; padding:5px 30px 0px 30px; text-align:justify;}
		div#colonneform h1 {font-size:1.5em; text-align:right; padding:10px 30px 0px 30px; color:#b8481f; }
	       div#colonneform h2 {font-size:1.1em; padding:5px 30px 5px 30px; color:#fff;  text-align:left; background:url(img/fondtit2.jpg); background-repeat:repeat;}
		      div#colonneform h3 { font-size:1em; padding:0px 30px 0px 30px; color:#e9c31d; text-align:right;}
	            table { background-image:url(img/communi.jpg); background-repeat: repeat; padding-left:20px; padding-right:20px;}
				 .button	{background:url(img/header.jpg); color:#e9c31d; width:110px; height:30px; border-color:#e9c31d; padding:4px;}
				   div#colonneform a {display:block; text-align:right; font-size:1em; color:#b8481f; list-style:none; text-decoration:none;}	
				    div#colonneform a:hover {display:block; color:#f3b675; text-decoration:none;}
div#colonneform2 {width:940px; background:url(img/header.jpg); background-repeat:repeat;}
   div#colonneform2 h1 {font-size:1.5em; text-align:right; padding:10px 30px 10px 30px; color:#b8481f; }
     div#colonneform2 h3 { font-size:1em; padding:0px 30px 0px 30px; color:#e9c31d; text-align:right;}
	  div#colonneform2 h2 {font-size:1.1em; padding:5px 4px 5px 4px; color:#fff;  text-align:left; background:url(img/fondtit2.jpg); background-repeat:repeat;}	
	  .film	{padding-left:180px; padding-right:30px;}
div#left {float:left; width:270px; font-size:0.95em;}
div#right {float:right; width:270px; font-size:0.95em;}	
</style>