@charset "utf-8";
/*
Theme Name: Sucy Conduites web
Theme URI: http://sucyconduites.com
Description: Le thème du site de l'auto moto ecole sucy conduites
Version: 1
Author: Florian Bolvin
Tags: carbone / titane
*/


body {background:url(images/degrad_titane.jpg) repeat-y;
 background-color:#4e4e4e;
 font: 100% Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  padding: 0 0 0 0;
   margin: 0 0 0 0;}
#all{width:100%;
font-size: 70%;
	line-height: 150%;
	text-align: left;
}

/* HEADER */
#bar_ho{float:left;
 background:url(images/ban-decouper.jpg);
 background-position: 0 0;
  height:217px; width:670px;
   padding: 0 0 0 0;
    margin: 0 0 0 0;}
#bar_ho_droite{ background:url(images/ban-repeat.jpg) repeat-x;
 background-position: 671px ;
 height:217px;
  width:auto;
   padding: 0 0 0 0;
    margin: 0 0 0 0;}
#etiquette{background:url(images/etiquette_sucy_conduite2.png) no-repeat;
 position:absolute;
  z-index:1000;
   width:468px;
    height:138px;
	 top: 35px;
	  left:35%;
	  text-align:center;
	  	 color:#000000;
		 padding:40px 0 0 0px;}
		  
#etiquette a:link, #etiquette a:visited{text-decoration:none; color:#000000;} 
#etiquette h1{margin: 0.4em 0 -0.5em 0;}
#etiquette h2{margin: 0.2em 0 -0.9em 0; font-weight:600;}
#etiquette span{color:#963540;}	
#etiquette h3{margin: 0px 0 -0.9em 3.5em; color:#530B0D; text-align:left; font-size:1em; font-weight:700;}
#etiquette span.horraire{color:#000; font-size:1.2em;}

 
/* MENU */


/*         DEROULAN      */

#menu_deroule{position:absolute; width:179px; left:-3px; padding:10px 0 0 0; margin:0 5px;}
#menu_deroule_ho{background:url(images/menu_deroule-ho.png) no-repeat; width:168px; height:12px; margin:0 0 0 0; padding:0 0 0 0;}
#menu_deroule_centre{background:url(images/menu_deroule-centre.png) repeat-y; color:#FFF; width:168px; height:auto; margin: 0 0 0 0; padding:0 0 0 0; text-align:left;}
#menu_deroule_bas{background:url(images/menu_deroule-bas.png) no-repeat; width:168px; height:16px; margin:0 100% 0 0; padding:0 0 0 0;}
#menu_deroule_centre a{margin:0 0 0 0; text-align:left;}
/* menu CSS */
#btn{position:absolute;
 z-index:1001;
  width:581px;
   height:27px;
    top:188px;
	margin: 0;
	 padding: 0;
	  left:35%;
	   list-style: none;
	   line-height:25px;
	   color:#000000;
	   		  }
			  
.btn_home{ background:url(images/home.png) no-repeat; height:27px; width:28px; float:left; margin-rigth:5px; position:absolute;top:188px;left:29%;}
.btn_home:hover{background:url(images/home_hoover.png) no-repeat; height:27px; width:28px; float:left; margin-rigth:5px;cursor: pointer;}	
.btn_home a {display: block;
width: 100%;
	w\idth: 100%;
	height:100%;
	text-decoration:none;
	}		 



/* BSR */
.btn_smbsr {background:url(images/btn_vert.png) no-repeat ;
 width:116px;
  height:27px;
   float:left;
    margin-right:5px;
	 text-align:center;
	  color:#FFF;
	   }
#btn .btn_smbsr:hover{
background:url(images/btn_hoover_vert.png) no-repeat;
width:116px;
 height:27px;
 float:left;
  margin-right:5px;
   text-align:center;
    cursor: pointer;}
	

/* BTN 2roues */
.btn_sm2roues {background:url(images/btn_jaune.png) no-repeat ;
 width:116px;
  height:27px;
   float:left;
    margin-right:5px;
	 text-align:center;
	  color:#FFF;
	   }
#btn .btn_sm2roues:hover{
background:url(images/btn_hoover_jaune.png) no-repeat;
width:116px;
 height:27px;
 float:left;
  margin-right:5px;
   text-align:center;
    cursor: pointer;}

/* Auto */
.btn_smauto {background:url(images/btn.png) no-repeat ;
 width:116px;
  height:27px;
   float:left;
    margin-right:5px;
	 text-align:center;
	  color:#FFF;
	   }
#btn .btn_smauto:hover{
background:url(images/btn_hoover.png) no-repeat;
width:116px;
 height:27px;
 float:left;
  margin-right:5px;
   text-align:center;
    cursor: pointer;}
	
/*	16 ans */
.btn_sm16ans{background:url(images/btn_blue.png) no-repeat ;
 width:116px;
  height:27px;
   float:left;
    margin-right:5px;
	 text-align:center;
	  color:#FFF;
	   }
#btn .btn_sm16ans:hover{
background:url(images/btn_hoover_blue.png) no-repeat;
width:116px;
 height:27px;
 float:left;
  margin-right:5px;
   text-align:center;
    cursor: pointer;}


#btn li a:link, #btn li a:visited {
	color: #FFF;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
	display:block;
	width:100%;
}

#btn ul {list-style: none;
	padding: 0 0 0 0;
	 margin: 0 0 0 0;
	}
.btn_sm a {display: block;
width: 116px;
	w\idth: 116px;
	text-align:center;
	margin:5px 0 0 0;}
	
#btn li { color:#FF0000;
	padding: 0;width: 116px;
	}

#btn li ul {
display:block;
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	w\idth: 200px;
	font-weight: normal;
	margin: 0 0 0 0;
	margin-left:-10px;
	text-align:left;
	}
#btn li li {width: 141px; list-style:none; margin-left:10px; border-bottom:dotted 1px #965e64;}
#btn li ul a {
	width: 141px;
	w\idth: 141px;
}
#btn, li ul ul {margin: 0 0 0 0;}
#btn li:hover ul ul, #btn li:hover ul ul ul, #btn li.sfhover ul ul, #btn li.sfhover ul ul ul {
	left: -999em;}
#btn li:hover ul, #btn li li:hover ul, #btn li li li:hover ul, #btn li.sfhover ul, #btn li li.sfhover ul, #btn li li li.sfhover ul {
	left: auto;}
	

#btn li:hover, #btn li.sfhover .btn_sm li:hover, .btn_sm li.sfhover{
	background:#965e64;
}

/* couleur de selection des ss menu */
#btn .btn_sm2roues li:hover, #btn .btn_sm2roues li.sfhover .btn_sm .btn_sm2roues li:hover, .btn_sm .btn_sm2roues li.sfhover{background-color:#e99805;}
#btn .btn_smauto li:hover, #btn .btn_smauto li.sfhover .btn_sm .btn_smauto li:hover, .btn_sm .btn_smauto li.sfhover{background-color:#e95c98;}
#btn .btn_sm16ans li:hover, #btn .btn_sm16ans li.sfhover .btn_sm .btn_sm16ans li:hover, .btn_sm .btn_sm16ans li.sfhover{background-color:#059fba;}
#btn .btn_smbsr li:hover, #btn .btn_smbsr li.sfhover .btn_sm .btn_smbsr li:hover, .btn_sm .btn_smbsr li.sfhover{background-color:#bad800;}
/* -------------------- Fin menu ------------------------*/


/* ----------------------------------*/
#page{background:url(images/ombre_ss_bar.png) repeat-x !important;
background:url();
 height:451px;
  width:auto;}
  
#contenu{width:837px;
 margin-left:auto;
  margin-right:auto;
   padding-top:10px;
   }
   
#contenu .page_marge{padding-top:20px;}   
#contenu_ho{background:url(images/contenu_ho.png) no-repeat;
 width:837px;
  height:38px;
   text-align:center;
   line-height:35px;
 
   }
#contenu_ho a{text-decoration:none;
 color:#DF1116; margin:0 0 0 0; padding:0 0 0 0;
 }
#contenu_centre{background:url(images/contenu_centre.png) repeat-y;
 width:837px;
}
#contenu_centre p{padding:0px 55px 10px 35px; margin:0 0 0 0; clear:both;}


#contenu_bas{background:url(images/contenu_bas.png) no-repeat;
 width:837px;
  height:50px;
  }
#footer{
height:40px;
margin:0;
text-align:center;}

/*--------------------------- Mise en page general --------------------------*/
/* ligne chemin pae */
#page_position{color:#782b34; padding-top:10px; margin: 0 0 0 25%;}
#page_position a, #page_position a:visited{color:#782b34;  text-decoration:none;}
#page_position a:hover{color:#b44c59; text-decoration:underline;}
/* tof */
#contenu_centre .post_header {margin-left:15px;}


/*--------------------- cadre  tarif-----------------------------------*/


.cadremoto { background-color:#ebc9cd; display:block;position:relative;float:left;  margin:10px auto 20px 30%; border:1px dashed #044370; width:300px; font-family:arial; font-size:small; padding:5px;}

.tarif{font-family:arial;color:#000000;font-size:medium; margin-left:30px; padding-left:20px;text-align:center;}	
.titret{font-size:16px;font:arial;text-decoration:underline;color:#000000; font-weight:bold; letter-spacing:0.4em;}
.titret2{font-size:14px;font:arial;text-decoration:underline;color:#000000;}
.prix{font:arial; font-size:medium; border-bottom:1px dotted; text-decoration:none;color:#FF0000; letter-spacing:0.4em;font-weight:bold }
.ttc{font:arial;text-decoration:none;color:#FF0000;font-size:small}
.formule{font-family:arial;color:#000000; font-size:medium; float:left;}
.titref{font-family:arial;color:#000000; font-size:small; font-weight:bold; clear:both;}

		
		/* --------------------- Horraire code ----------------------*/
.horraire_code{ width:500px; border:dashed 1px #000; list-style:none; margin-left:auto; margin-right:auto; padding: 0 0 0 0; text-align:center;}
		
		
		
/* ----------------   Verif mise en page ---------------------------*/
/* texte */

#contenu_ho .titre2{color:#000;}
#contenu_ho h2{ font-size:2em; font-weight:800; color:#B40751; margin: 0 0 0 0; padding:0 0 0 0;}
#contenu h3{text-align:center; clear:left;}
#contenu ul{margin:10px 15px 0 0; clear:both;}
#contenu ul.tofdstext{margin:0 auto 20px 10%;}
#contenu li{margin:5px 10px 0 0;}
#contenu li.tof{float:left; margin:0 15px 10px 0; padding:0 0 0 0; list-style:none;}
#centenu_centre h4{clear:both;}
#contenu_centre .textnextflash{padding-right:25px;}
#contenu a.index{text-decoration:none; color:#000;}
#contenu .col1{ width:58%;  float:left; margin-left:50px;}
#contenu .col2 a{ display:block; color:#000000; margin-top:0;padding:0 0 0 0; text-decoration:none;}
#contenu .col2 ul[}
#contenu .col2 a:visited{text-decoration:none;}
#contenu .col1 p{ text-align:justify; padding:5px 0 0 5px;}
#contenu .col1 h3, .col2 h3{border-bottom:1px dotted;text-decoration:none; width:100%; }
#contenu .col2{width:200px;  float:left; margin-left:30px;}
#contenu .clear{clear:both;
  display:block;
  height: 0;
  font-size: 1px;
  line-height: 0px;
} 


/* FLASh -----------------------------------*/
#contenu_centre .picmoto{float:left; margin-right:10px; margin-left:10px}
/* tof */

#contenu_centre .textetpic{ float:right;}
#contenu_centre .textpic {
border:1px dotted #000;
background:#fff;}
#contenu_centre .textpic.droite{
float:right;
margin-right:10px;}
/* ------------------ liste pieces --------------------------*/
#piece_dossier li{margin-bottom:10px;}
a.list:hover{TEXT-DECORATION:underline; color:#FF0000; cursor:default;}