/*Site programmé par les Zurlus*/
/*www.leszurlus.com*/

/*proprietes du body*/
body {margin:0px; padding-bottom:40px; font:0.95em Arial, Verdana, sans-serif; color:#000000; background:url(img/fond.jpg); background-color:#7b7c71; background-repeat:repeat-x; }

/*proprietes du cadrage general*/
div#centre { width:1200px; margin-left:auto; margin-right:auto; }
div#main { width:1200px; margin-left:auto; margin-right:auto; background:url(img/invisible.png) repeat-y; float:left; }

div.nonflottant { clear:both; }

/*proprietes de l'image pour entete*/
div#header { width:954px; float:right; height:216px; background:url(img/header.jpg); margin-left:123px; margin-right:123px;}
 div#header p { padding-left:143px; padding-top:15px; color:#ffffff;  text-align:left; font-size:0.7em; padding-bottom:13px;}
  div#header a  { color:#ffffff; text-decoration:none; }
   div#header a:hover, div#header a:active { color:#c9cbe4; }
    
/*proprietes du contenu a deux colonnes*/
div#container { width:954px; float:left; background:#ffffff; margin-left:123px; margin-right:123px;}

/*proprietes du menu*/
div#menu { width:954px; height:35px; background:url(img/back_menu2.png); background-repeat:repeat-x; float:left; margin-left:123px; margin-right:123px; }

/*proprietes du menu*/ 	
.disclaimer { padding:0; display: block; position: absolute; margin-left:123px; margin-right:123px; }
 ul.topnav { list-style:none; margin 0; float:left; width:954px; font-size:0.9em; background: url(topnav_bg.png) repeat-x; }
  ul.topnav li { float:left; width:159px; margin:0; padding:0; position: relative; /*--Declare X and Y axis base--*/}
   ul.topnav li a{ padding: 10px 5px; color: #fff; display: block; text-decoration: none; float: left; }
    ul.topnav li a:hover { color:#c9cbe4;}
     ul.topnav li span { /*--Drop down trigger styles--*/ width:17px; height:35px; float:left; background: url(img/subnav_btn.png) no-repeat center top; cursor:pointer;}
      ul.topnav li span.subhover {background-position:center bottom; cursor:pointer;} /*--Hover effect for trigger--*/
       ul.topnav li ul.subnav { list-style:none; position:absolute; left:0; top:35px; margin:0; padding:0; display:none; float:left; width:160px; border:1px solid #111; }
        ul.topnav li ul.subnav li{ margin:0; padding:0; border-top:1px solid #465d9e; /*--Create bevel effect--*/ border-bottom:1px solid #243052; /*--Create bevel effect--*/ clear:both; width:160px;}
          html ul.topnav li ul.subnav li a { float:left; width:145px; background:#2f3f6b; padding: 6px 5px 6px 10px;  font-size:0.8em; }
           html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ background:#394d82; }
                        
/*proprietes de la premiere colonne*/
div#colonne1 { width:708px; background-color:#fff; float:left; padding-bottom: 40px; }
 div#colonne1 p { color:#000000; font-size:0.85em; padding:5px 90px 5px 90px; text-align:justify; }
  div#colonne1 h1{ font-family: 'Cabin', arial, serif; background:#9c9d95; font-size:1.1em; margin:0 0 30px 0px; color:#fff; padding:10px 10px 10px 30px; text-transform :uppercase; }
   div#colonne1 h2 { font-size:1em; margin:20px 90px 20px 90px; color:#7280b9; border-bottom: 1px dotted #7b7c71; text-transform :uppercase;}
	div#colonne1 h3 { font-size:0.9em; margin:17px 90px 17px 90px; color:#000000;}
	 div#colonne1 h4 { font-size:0.8em; margin:12px 90px 12px 90px; color:#0091ca;}
	  div#colonne1 h5 { font-size:1em; margin:20px 90px 20px 90px; color:#7280b9; text-transform :uppercase;}
       div#colonne1 img.droite { float:right; padding:20px 0 20px 20px; } 
	    div#colonne1 img.img2 { float:right; padding:70px 25px 30px 70px; } 
		 div#colonne1 img.img3 { float:right; margin:0 0 30px 30px; }
		  div#colonne1 table { padding:0px; font-size:0.85em; } 
		   div#colonne1 a { color: #9c9d95; font-size:0.95em; text-decoration:none; }
			div#colonne1 a:hover { color: #7280b9; }
		     div#colonne1 textarea { height:280px; padding:5px; width:529px; font:0.95em Arial, Verdana, sans-serif; }
		      div#colonne1 input { margin:8px; }
			   div#colonne1 ul { padding:10px 90px 10px 105px; color:#08161c; font-size:0.85em; text-align:justify; }
		        div#colonne1 li { list-style-type: none; background: url(img/square.png) no-repeat 0 0.32em;  
 padding:4px 0 4px 20px;  }
		                
/*proprietes de la deuxieme colonne*/		  
div#colonne2 { width:245px; float:right; background:#ffffff; padding-bottom:40px; border-left:1px dotted #7b7c71;}
 div#colonne2 p { font-size:0.85em; margin:10px 30px 10px 30px; text-align:justify;}				
  div#colonne2 h1 { background:#9c9d95; font-size:1.1em; margin:0px 0px 5px 0px;  text-align:right; color:#fff; padding:10px 30px 10px 10px; margin:0px 0px 30px 0px; text-transform :uppercase;}
	div#colonne2 h2 { font-size:1.1em; margin:20px 30px 20px 30px; color:#7280b9; text-align:left; text-transform :uppercase;}
	 div#colonne2 h3 { font-size:1em; text-align:right; margin:25px 30px 10px 30px; color:#7280b9; text-transform :uppercase; border-bottom: 1px dotted #7b7c71;}
	  div#colonne2 a { text-align:right; margin:5px 0 5px 0; font-size:0.9em; color:#9c9d95; text-decoration:none; }
	   div#colonne2 a:hover { color:#7280b9; }
        div#colonne2 input { margin-top:12px; margin-bottom:12px; cursor:pointer; cursor:hand; }
		 div#colonne2 table{ margin-left:68px; font-size:0.7em; } 
			    
/*proprietes du redimensionnement typo*/ 	
.fsizer a { display: block; float: left; width: 20px; margin-right: 5px; text-align: center; border: 1px dotted #ccc; color: #5761a0; text-decoration: none; cursor: pointer; letter-spacing: 0; line-height: 100%; }
 .fsizer a:hover { text-decoration: none; background: #ebebeb;  }
  .fsizer a#fs_sml { font-size: 9px; height: 15px; padding-top: 5px; padding-right: 12px;}
   .fsizer a#fs_med { font-size: 13px; height: 17px; padding-top: 3px; padding-right: 12px;}
    .fsizer a#fs_lrg { font-size: 16px; height: 18px; padding-top: 2px; padding-right: 12px;}
     .fsizer a.fsactive { color: #000; background: #ebebeb; cursor: default; } /* When mode is active */
			    			  									 
/*proprietes du pied de page*/ 
div#footer {float: left; width:1200px; height:224px; background:url(img/footer.png); background-repeat:no-repeat; margin-left:auto; margin-right:auto; }
 div#footer p { color:#ffffff; font-size:0.75em; margin:100px 150px 0 0; text-align:right; }
  div#footer a  { color:#2f3f6b; text-decoration:none;}
   div#footer a:hover, div#footer a:active { color:#c9cbe4; }
                        
.champ { background:#fff; border:1px solid #ccc; width:220px; padding-left:5px; }
.champ2 { background:#fff; border:1px solid #ccc; width:330px; padding-left:5px; }
.gauche { text-align:left; }
.espace { margin:0 0 0 90px; }
.button { width:156px; height:30px; font-size:11px; color:#000000; padding-bottom:2px; background:url(img/bouton.png); background-repeat:no-repeat; border:none; }
.galerie {margin-top:20px; }
.marge {padding-right:30px; }