/*
		   CSS ACA
*/

body{
	background:#333333;
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
}
html, body
{
	height:100%;
}
.gras{
  font-weight:bold;
}
.normal{
 font-weight:normal;
}
.majuscule{
  text-transform: uppercase;
}
.rouge{
  color:#aa2a00;
}
.rougef{
  color:#c93202;
}
.vert{
  color:#007640;
}
.vertc
{
  color:#00894c;
}
.vertf{
  color:#49ae46;
}
.orange{
  color:#ab2b00;
}
.orangef{
  color:#da861b;
}
.blanc{
  color:#FFF;
}
.bleuf{
  color:#3978ba;
}
.gris{
  color:#333333;
}
.font_size_12{
  font-size:12px;
}
.font_size_13{
  font-size:13px;
}
.font_size_14{
  font-size:14px;
}
.font_size_15{
  font-size:15px;
}
.font_size_30{
  font-size:30px;
}
.italique{
 font-style:italic;
}
a{
	text-decoration:none;
}

/*/////////////////////////////////////
		    Le bandeau haut
/////////////////////////////////////*/

/*/////////////////////////////////////
		    Le conteneur
/////////////////////////////////////*/
#conteneur
{
	background:#222222;
	width:990px;
	min-height:100%;
	margin:0 auto;
	}
	
/*/////////////////////////////////////
		    Le menu
/////////////////////////////////////*/
#bandeau_haut{
width:100%;
position:absolute;
top:0;
left:0;
right:0;
height:44px;
background:url(../themes/Casseauto/menu_fond_1px.jpg) repeat-x;
}
#menu 
{
	position:relative;
	background:url(/themes/Casseauto/menu_fond_1px.jpg) repeat-x;
	height:44px;
    border-right:1px solid #989898;
	border-left:1px solid #989898;
	border-bottom:0;
}

#menu ul {
 
  list-style:none;
  padding:0 0 0 201px;
  margin:0;

}
#menu ul li
{
  float:left;
  padding:0 0 0 0;
}
#menu ul li a{
	height:43px;
	width:157px;
	font-size:15px;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	line-height:43px;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#FFF;
	background-repeat:no-repeat;
	background-position:bottom left;
}
#menu ul li a:hover{
  height:43px;
  width:157px;
	text-decoration:none;
	text-align:center;
	line-height:43px;
	color:#FFF;
	background-repeat:no-repeat;
	background-position:bottom left;
}
/* Les différentes couleurs des menu */
#menu ul li a.vert{
	border-left:1px solid #989898;
	background-image:url(/themes/Casseauto/menu_btn_normal_vert.jpg);
}
#menu ul li a.verts{
	border-left:1px solid #989898;
	background-image:url(/themes/Casseauto/menu_btn_hover_vert.jpg);
}
#menu ul li a.vert:hover{
	background-image:url(/themes/Casseauto/menu_btn_hover_vert.jpg);
}
#menu ul li a.orange{
	background-image:url(/themes/Casseauto/menu_btn_normal_orange.jpg);
}
#menu ul li a.oranges{
	background-image:url(/themes/Casseauto/menu_btn_hover_orange.jpg);
}
#menu ul li a.orange:hover{
	background-image:url(/themes/Casseauto/menu_btn_hover_orange.jpg);
}
#menu ul li a.rouge{
	background-image:url(/themes/Casseauto/menu_btn_normal_rouge.jpg);
}
#menu ul li a.rouges{
	background-image:url(/themes/Casseauto/menu_btn_hover_rouge.jpg);
}
#menu ul li a.rouge:hover{
	background-image:url(/themes/Casseauto/menu_btn_hover_rouge.jpg);
}
#menu ul li a.bleu{
  width:158px;
	background-image:url(/themes/Casseauto/menu_btn_normal_bleu.jpg);
}
#menu ul li a.bleus{
  width:158px;
	background-image:url(/themes/Casseauto/menu_btn_hover_bleu.jpg);
}
#menu ul li a.bleu:hover{
  width:158px;
	background-image:url(/themes/Casseauto/menu_btn_hover_bleu.jpg);
}
#menu ul li a.vertc{
	background-image:url(/themes/Casseauto/menu_btn_normal_vertc.jpg);
}
#menu ul li a.vertcs{
	background-image:url(/themes/Casseauto/menu_btn_hover_vertc.jpg);
}
#menu ul li a.vertc:hover{
	background-image:url(/themes/Casseauto/menu_btn_hover_vertc.jpg);
}

/*/////////////////////////////////////
		    La bannière
/////////////////////////////////////*/

#banniere {

	height:148px;
	border-right:1px solid #989898;
	border-left:1px solid #989898;
	border-bottom:1px solid #989898;
}
#logo{
  float:left;
  background:url(/themes/Casseauto/logo.jpg) no-repeat top center;
	height:148px;
	width:200px;
	border-right:1px solid #989898;
}
#logo a{
  display:block;
  text-decoration: none;
  height:148px;
width:200px;
}
#banniere_img {
  float:left;
	background:url(/themes/Casseauto/banniere.jpg) no-repeat top center;
	height:148px;
  width:787px;
}

/*/////////////////////////////////////
		    Le bandeau
/////////////////////////////////////*/

#bandeau 
{
	background:#999999;
	background:url(/themes/Casseauto/file_ariane.jpg) no-repeat top center;
	height:18px;
	border-right:1px solid #989898;
	border-left:1px solid #989898;
	border-bottom:1px solid #989898;
	line-height:18px;
	font-size:11px;
    font-family  :Arial,Helvetica,sans-serif;
   text-transform  : capitalize;
}

#bandeau span{
  padding:0 230px;
  color:#333333;
}
#bandeau span a{
  color:#333333;
  font-size:11px;
  font-family :Arial,Helvetica,sans-serif;

}

/*/////////////////////////////////////
		    Le sous-menu
/////////////////////////////////////*/

#col_sous_menu 
{
	background:#00894c;
   float :left;
	width:200px;
	height:100%;
	border-right:1px solid #989898;
	border-left:1px solid #989898;
}
#sous_menu, #sous_menu ul {
  list-style:none;
  margin: 0;
  padding: 0;
  width: 200px;
}


#sous_menu a {
  display:block;
  text-decoration: none;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:bold;
	width:200px;
	background-repeat:no-repeat;
	background-position:bottom center;
}
#sous_menu a span{
  display:block;
  text-align:left;
  padding-right:0px;
  padding-left:38px;
  text-transform: uppercase;
}

#sous_menu a:hover span{
	cursor:pointer;
}
#sous_menu a span.double_line{
  line-height: 1em;
}
#sous_menu li {
  margin:0;
  padding:0;
  border-bottom:1px solid #989898;
  border-top:0;
}
#sous_menu li a {
  color: #FFF;
  font-size:13px;
  height:48px;
  background-image:url(/themes/Casseauto/ss_menu_btn_normal.jpg);
}
#sous_menu li a:hover {
   background-image:url(/themes/Casseauto/ss_menu_btn_hover.jpg);
}


#sous_menu li a.rollover {
  color: #FFF;
  font-size:13px;
  height:48px;
  background-image:url(/themes/Casseauto/ss_menu_btn_hover.jpg);
}

#sous_menu li a.normal {
   background-image:url(/themes/Casseauto/ss_menu_btn_normal.jpg);
}
#sous_menu li a span{
   height:28px;
   line-height: 2.3em;
   padding-top:10px;
}
#sous_menu li ul li{
   border-bottom:0;
  border-top:1px solid #989898;
}
#sous_menu li ul li a {
   color: #007d45;
   font-size:12px;
   height:31px;
   background-image:url(/themes/Casseauto/ss_menu_btn_hover_item.jpg);
}
#sous_menu li ul li a:hover {
   color:#666;
   background-image:url(/themes/Casseauto/ss_menu_btn_hover_item.jpg);
}
#sous_menu li ul li a.defaultsmi {
   color:#666;
   background-image:url(/themes/Casseauto/ss_menu_btn_hover_item.jpg);
}
#sous_menu li ul li a span{
   height:31px;
   line-height:32px;
   padding-left:38px;
   padding-top:0;
   text-transform: none;
 }
 
 /*/////////////////////////////////////
		    La colonne texte
/////////////////////////////////////*/

#col_text
{
	position:relative;
  float:left;
  background:#dddddd;
  width:382px;
  height:100%;
  border-right:1px solid #989898;
  white-space: normal;
  word-wrap: break-word;
}
#col_text h1{
   padding:0 20px;
	 margin-top:20px;
	 display: block;
   font-size:30px;
   font-family:Arial,Helvetica,sans-serif;
   font-weight:normal;
   color:#333333;
   text-align:left;
}
#col_text h2{
   font-size:20px;
   font-family:Arial,Helvetica,sans-serif;
    font-weight:normal;
   color:#333333;
   text-align:left;
	 padding:0 20px;
	 color:#333333;
}
#col_text h3{
   padding:0 20px;
	 margin:20px 0;
	 display: block;
   font-size:30px;
   font-family:Arial,Helvetica,sans-serif;
   color:#00894c;
   text-align:left;
}
#col_text p{
	width:340px;
	 padding:0 20px;
	 color:#333333;
	 font-size:13px;
	 font-family:Arial,Helvetica,sans-serif;
}
#col_text ul{
	 font-size:13px;
	 font-family:Arial,Helvetica,sans-serif;
}
#col_text p.italique_11{
   font-size:11px;
   font-style:italic;
}
#formulaire_contact{
  width:343px;
  margin:auto;
  font-family:Arial,Helvetica,sans-serif;
  color:#333333;
}
#formulaire_contact form div{
  padding-top:5px;
}
#formulaire_contact form div.div_button{
  display:block;
  width:113px;
  height:32px;
  float:right;
  margin-bottom:20px;
}
#formulaire_contact form div label{
  width : 200px;
  font-size:11px;
  font-weight:bold;
}
#formulaire_contact form div textarea{
  border:none;
  border-style:none;
  border-width:0;
  width:100%;
  overflow: auto;
}
#formulaire_contact form div select{
  border:none;
  border-style:none;
  border-width:0;
  font-size:11px;
}
#formulaire_contact form div input{
  width : 100%;
  border:none;
  border-style:none;
  border-width:0;
  font-size:11px;
}
#formulaire_contact form div input.checkbox{
  width : 15px;
}
#formulaire_contact form div input.button{
  display:block;
  width:113px;
  height:32px;
  color:#FFF;
  font-size:14px;
  font-weight:bold;
  background-color:transparent;
  background-image:url(/themes/contact/btn_submit_normal.gif);
}
#formulaire_contact form div a.button{
  display:block;
  width:113px;
  height:32px;
  color:#FFF;
  font-size:14px;
  font-weight:bold;
  background-color:transparent;
  background-image:url(/themes/contact/btn_submit_normal.gif);
  background-repeat:no-repeat;
}
#formulaire_contact form div a:hover{
  background-color:transparent;
  background-image:url(/themes/contact/btn_submit_hover.gif);
  cursor:pointer;
}
#formulaire_contact form div a span{
  display:block;
  width:75px;
  height:32px;
  line-height:32px;
  padding-left:38px;
}
#liste_organise{
clear:left;
float:left;
list-style-type:none;
margin:0;
padding:0 20px;
width:340px;
color:#333333;
}
#liste_organise_vehicule 
{
clear:left;
float:left;
list-style-type:none;
margin:0;
padding:0px;
width:360px;
color:#333333;
margin-bottom:15px;
}
#col_texte_content div
{
 	width:340px;
 	height:70px;
	 padding:0 20px;
	 color:#333333;
	 font-size:13px;
	 font-family:Arial,Helvetica,sans-serif;   
}
.liste_des
{
clear:left;
float:left;
display:inline;
}
 /*/////////////////////////////////////
		    La colonne images
/////////////////////////////////////*/

#col_images
{
	
  float:left;
  background:#999999;
  width:179px;
  height:100%;
  border-right:1px solid #989898;
}
#col_images ul{
  margin:0;
  padding:0;
  list-style:none;
}
#col_images ul li
{
  padding:0;
}
#col_images ul li a
{
  padding:0;
  display:block;
}
#col_images ul li img
{
  width:179px;
  border:0;
  display:block;
}



 /*/////////////////////////////////////
		    La colonne publicité
/////////////////////////////////////*/
#col_pub{
  float:left;
  width:224px;
  height:100%;
  border-right:1px solid #989898;
  background:#333333;
}

#infos{
  margin:0;
  padding:0;
  list-style:none;
}
#infos li
{
  border-bottom:1px solid #212121;
}
#infos li a{
  display:block;
	height:78px;
	width:224px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	text-decoration:none;
	text-align:center;
	color:#999999;
	background-image:url(/themes/Casseauto/col_pub_btn_normal_1px.jpg) ;
	background-repeat:repeat-x;
	background-position:bottom center;
}

#infos li a span{
    display:block;
	height:58px;
	width:134px;
	line-height: 35px;

	background-position:left;
	background-repeat:no-repeat;
	margin-left:15px;
	padding-top:22px;
	padding-left:73px;
	text-align:left;
}

#infos li a span.double_line{
  line-height: 1.5em;
}
#infos li a span.hotline{
  background-image:url(/themes/Casseauto/ico_hotline_normal.gif);
}
#infos li a:hover span.hotline{
  background-image:url(/themes/Casseauto/ico_hotline_hover.gif);
}
#infos li a span.contact{
  background-image:url(/themes/Homepage/ico_contact_normal.gif);
}
#infos li a:hover span.contact{
  background-image:url(/themes/Homepage/ico_contact_hover.gif);
}
#infos li a span.rech_pieces{
  background-image:url(/themes/Casseauto/ico_rech_piece_normal.gif);
}
#infos li a:hover span.rech_pieces{
  background-image:url(/themes/Casseauto/ico_rech_piece_hover.gif);
}
#infos li a span.point_vente{
  background-image:url(/themes/Casseauto/ico_point_vente_normal.gif);
}
#infos li a:hover span.point_vente{
  background-image:url(/themes/Casseauto/ico_point_vente_hover.gif);
}
#infos li a span.carte_fidelite{
  background-image:url(/themes/Casseauto/ico_carte_fidelite_normal.gif);
}
#infos li a:hover span.carte_fidelite{
  background-image:url(/themes/Casseauto/ico_carte_fidelite_hover.gif);
}
#infos li a:hover span{
  cursor:pointer
}

#infos li a:hover{
	height:78px;
	width:224px;
	text-decoration:none;
	text-align:center;
	color:#999999;
	background-image:url(/themes/Casseauto/col_pub_btn_hover_1px.jpg);
	background-repeat:repeat-x;
	background-position:top left;
}

#infos .rech_pieces
{
    line-height:15px;
}
.pas_padding
{
    margin:0px;
    padding:0px;
    cursor:pointer;
}
#pub{
  margin:0;
  padding:0;
  list-style:none;

}
#pub_titre{
  width:224px;
  height:13px;
  background-image:url(/themes/Casseauto/col_pub_publicite.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
#pub_banniere ul{
   margin:0 0 10px 0;
   padding:0;
   list-style:none;
}
#pub_banniere ul li
{
  padding:0;
}

#pub_banniere ul li a{
  display:block;
  width:224px;
  text-decoration:none;
}
#pub_banniere ul li a img{
  display:block;
  border:0;
  width:224px;
}

 /*/////////////////////////////////////
		    Le pied de page
/////////////////////////////////////*/

#footer1{
  /*height:351px;*/
  background:#222222;
  clear: both;
  float:left;
  border-right :1px solid #989898;
  border-left:1px solid #989898;
  margin :0;
  width :988px;
}
#footer1 ul
{
   display:inline;
   margin:0;
   padding:0;
   list-style:none;
}
#footer1 li
{
  float:left;
  padding:10px 25px 10px 20px;

}
#footer1 li p
{
  font-size:11px;
  font-family:Arial,Helvetica,sans-serif;
  color:#999;
}
#footer1 a
{
  font-size :11px;
  font-family:Arial,Helvetica,sans-serif;
  text-decoration:none;
  color:#999;
}

#footer1 .footer1_haut
{
   clear:left;
   float:left;
   display:inline;
   padding:0px;
   width :896px;
   padding:0 46px;
}
#footer1 .footer1_bas
{
   clear:left;
   float:left;
   display:inline;
   margin:0px;
   width :780px;
   padding:0 104px;
   padding-bottom:20px;
}
div#footer {
margin:0 10px;
clear:left;
float:left;
display:inline;
}
div#footer ul {
float:left;
list-style-type:none;
margin:0 10px;
width:170px;
}
div#footer li {
padding:0px;
width:170px;
}
#footer .separation 
{
clear:left;
float:left;
border-right:1px solid #FFF;
display:block;
}
#footer a
{
  font-size :11px;
  font-family:Arial,Helvetica,sans-serif;
  text-decoration:none;
  color:#999;
}
#footer a:hover
{
  font-size :11px;
  font-family:Arial,Helvetica,sans-serif;
  text-decoration:underline;
  color:#999;
}