/************************************************/
/*** CSS LAYOUT - by Charles-Antoine Livet ******/
/*** charles-antoine.livet@mediasmart-dev.com ***/
/************************************************/

* {
    margin:0;
    padding:0;
    font-family:arial, sans-serif;
}

a {
    outline:none;
}

img {
    border:0;
}

body {
    background:#a0c458;
}

#conteneur  {
    margin:0 auto;
    width:1024px;
    height:1000px;
    background:url("../images/background.gif") no-repeat;
    position:relative;
}

#fond_partie_droite {
    background:url("../images/partie_droite.jpg") no-repeat;
    width:261px;
    height:484px;
    position:absolute;
    top:116px;
    right:54px !important;
    right:53px;
}

#ombre_haut {
    position:absolute;
    top:180px;
    left:31px !important;
    left:32px;
    
}

#slogan {
    position:absolute;
    top:97px;
    right:322px;
}

.error_list {
    color:white;
    background-color: red;
    list-style:none;
    font-size:12px;
    padding: 0px 5px;
    margin: 5px 5px;
}
.error{
	background-color: red;
	color: white;
}
.success{
	background-color: green;
	color: white;	
}

/**************/
/* CSS HEADER */
/**************/

#header {
    width:1024px;
    height:183px;
    background-position:35px 0;
}

#ombre {
    position:absolute;
    top:4px;
    right:462px;
}

#header label {
    font-size:14px;
    color:#fff;
    font-weight:bold;
    position:absolute;
    top:32px;
    right:360px;
}

#logo {
    margin-left:35px;
}

#input_search {
    width:238px;
    height:18px;
    background:url("../images/input_search.gif") no-repeat;
    border:1px solid #559435;
    position:absolute;
    top:26px;
    right:100px;
    padding:1px 0 0 4px;
}

#loupe {
    background:url("../images/loupe.jpg") no-repeat;
    position:absolute;
    top:28px;
    right:68px;
    border:0;
    width:24px;
    height:22px;
    cursor:pointer;
}

/***************/
/* CSS CONTENU */
/***************/

#contenu {
    background:url("../images/fond_ombre.gif") repeat-y;
    margin-left:31px !important;
    margin-left:16px;
    min-height:747px;
    height:auto !important;
    height:747px;
    clear:both;
    float:left;
    width:940px;
}

#menu {
    list-style:none;
    font-size:14px;
    font-weight:bold;
    color:#008634;
}

#menu  li{
    float:left;
    text-align:center;
    padding-top:5px;
}

#menu  a{
    color:#008634;
    text-decoration:none;
}

#menu1 {
    background:url("../images/accueil_lexique.gif"); 
    width:115px;
    height:21px;  
    margin-left:2px !important;
    margin-left:1px;
}

#menu1_on {
    background:url("../images/accueil_lexique_on.gif"); 
    width:115px;
    height:21px;  
    margin-left:2px !important;
    margin-left:1px;
}

#menu2 {
    background:url("../images/garanties.gif"); 
    width:116px;
    height:21px;  
}

#menu2_on {
    background:url("../images/garanties_on.gif"); 
    width:116px;
    height:21px;  
}

#menu3 {
    background:url("../images/historique.gif"); 
    width:122px;
    height:21px;   
}

#menu3_on {
    background:url("../images/historique_on.gif"); 
    width:122px;
    height:21px;  
}

#menu4 {
    background:url("../images/faq.gif"); 
    width:84px;
    height:21px;   
}

#menu4_on {
    background:url("../images/faq_on.gif"); 
    width:84px;
    height:21px;  
}

#menu5 {
    background:url("../images/accueil_lexique.gif"); 
    width:115px;
    height:21px;  
}

#menu5_on {
    background:url("../images/accueil_lexique_on.gif"); 
    width:115px;
    height:21px;   
}

#menu6 {
    background:url("../images/contact.gif"); 
    width:124px;
    height:21px;   
}

#menu6_on {
    background:url("../images/contact_on.gif"); 
    width:124px;
    height:21px;  
}

#col_gauche {
    float:left;
}

/***************/
/* CSS CONTENT */
/***************/

#content {
    background:#fff;
    clear:both;
    float:left;
    width:674px;
    margin-left:2px;
    padding-bottom:50px;
}

#content #partie_droite a {
    color:#008634;
}

/******************/
/* CSS RIGHT MENU */
/******************/

#cadre_video {
    position:absolute;
    top:177px;
    right:83px;
    z-index:1;
}

#video {
    width:188px;
    height:151px;
}

#menu_droite {
    position:relative;
    float:right;
    margin-right:6px;
    width:256px;
    height:699px;
    z-index:10;
}

#menu_droite p {
    font-size:12px;
    margin:50px 0 0 26px;
}

#espaces {
    list-style:none;
    margin:10px 0 0 26px;
    height: 147px;
}

#espaces  li{
    width:204px;
    height:27px;
    margin-top:3px;
}

#ralliement {
    margin-top:29px;
}

#coord {
    clear:both;
    background:url("../images/coordo.gif") no-repeat;
    width:256px;
    height:148px;
    list-style:none;
    color:#fff;
}

#coord a {
    color:#fff;
}

#coord a:hover {
    text-decoration:none;
}



#coord th {
    text-align:center;
    padding-left:40px;
}


/**************/
/* CSS FOOTER */
/**************/

#footer {
    background:url("../images/footer.gif") repeat-y;
    margin-left:31px !important;
    margin-left:16px;
    float:left;
    clear:both;
    width:940px;
    height:35px;
    color:#fff;
    font-size:12px;
    font-weight:bold;
}

#footer ul {
    list-style:none;
    padding-top:7px;
    margin-left:20px;
}

#footer ul li {
    float:left;
    padding-left:20px;
}

#footer a {
    color:#fff;
    text-decoration:none;
}

/**************/
/* CSS ERROR  */
/**************/

#error {
    font-size:14px;
    width:500px;
    margin:40px auto;
}

#error a {
    color:#58A92F;
}

#construction {
    text-align:center;
    padding-top:40px;
    font-size:12px;    
}

#construction a {
    color:#008634;
}

#construction a:hover {
    text-decoration:none;
}

#page_construction {
	font-size:12px;
	padding:25px 0 0 231px;
}

#page_construction a {
	display:block;
	padding-bottom:5px;
	color:#008634;
}

#page_construction a:hover, #page_construction a:focus {
	text-decoration:none;
}

#page_construction #bloc1 {
    margin-top:40px;
}
fieldset {
	border:medium none;
}
.cleaner {
	clear:both;
}
.champ_225 {
    color:#4B4B4B;
    font:bold 12px Arial,Helvetica,sans-serif;
    margin:0;
    padding:0 0 0 2px;
    width:225px;
}

.bold{
	font-weight: bold;
}
#content_A1 label, #content_A2 label, #content_A3 label, #content_A4 label, #content_A5 label, #content_A6 label, #content_A7 label, #content_A8 label, #content_A9 label, #content_A10 label{

	display:				block; 
	float:					left;
	font: 					normal 13px Arial, Helvetica, sans-serif;
	color:					#000;
	text-align:				right;
	margin:					0 10px 0 0;
	padding:				0;
}


#conteneur_sous_menu {
    width:                  340px;
    height:                 39px;

    margin:                 10px auto 0 auto;

}


h1#titre_sous_menu{
    float:                  left;
    display:                block;
    font:                   bold 16px Arial, Helvetica, sans-serif;
    color:                  #008634;
    height:                 39px;
    line-height:            60px;

}

ul#sous_menu {
    float:                  left;
    list-style:             none;
    height:                 39px;
    width:                  136px;
    margin:                 0 0 0 19px;

}

#sous_menu  li{
    float:                  left;
    text-align:             center;
    padding:                0;
    margin-right:           14px;
    display:                block;

}

#sous_menu  a{

    text-decoration:        none;
}

.etape {
    background:             url("../images/bouton_jaune.jpg"); 
    width:                  20px;
    height:                 39px; 

}

.etape_on {
    background:             url("../images/bouton_vert.jpg"); 
    width:                  20px;
    height:                 39px;  

}





/*---------------General----------------------*/

h2.titre{

    font:                   bold 14px Arial, Helvetica, sans-serif;
    color:                  #000;
    height:                 31px;
    line-height:            31px;
    background-color:       #ceea96;
    margin:                 25px 0 0 0;
    text-align:             center;
}

form{
    margin:                 0;
    padding:                0;  
}

fieldset{
    margin:                 0;
    padding:                0;  
    border:                 none;
    font:                   normal 13px Arial, Helvetica, sans-serif;
    color:                  #000;
}

#content_A1 label, #content_A2 label, #content_A3 label, #content_A4 label, #content_A5 label, #content_A6 label, #content_A7 label, #content_A8 label, #content_A9 label, #content_A10 label{

    display:                block; 
    float:                  left;
    font:                   normal 13px Arial, Helvetica, sans-serif;
    color:                  #000;
    text-align:             right;
    margin:                 0 10px 0 0;
    padding:                0;
}


/*---------------Champs----------------------*/
.champ_480{
    width:                  480px;
    font-size:              12px;
    padding:                0 0 0 2px;
    margin:                 0;
    font:                   bold 12px Arial, Helvetica, sans-serif;
    color:                  #4b4b4b;
   }
   
.champ_225{
    width:                  225px;
    font-size:              12px;
    padding:                0 0 0 2px;
    margin:                 0;
    font:                   bold 12px Arial, Helvetica, sans-serif;
    color:                  #4b4b4b;
   }       
    
.champ_125{
    width:                  125px;
    font-size:              12px;
    padding:                0 0 0 2px;
    margin:                 0;
    font:                   bold 12px Arial, Helvetica, sans-serif;
    color:                  #4b4b4b;
   }    

.champ_25{
    width:                  25px;
    font-size:              12px;
    padding:                0 0 0 2px;
    margin:                 0;
    font:                   bold 12px Arial, Helvetica, sans-serif;
    color:                  #4b4b4b;
   }    







.select_135{
    width:                  135px;
    font-size:              12px;
    font:                   bold 12px Arial, Helvetica, sans-serif; 
    color:                  #4b4b4b;
    margin:                 0;
    }


.select_50{
    width:                  50px;
    font-size:              12px;
    font:                   bold 12px Arial, Helvetica, sans-serif; 
    color:                  #4b4b4b;
    margin:                 0 0 0 5px;
    padding:                0 0 0 2px;
    }
    
    
        
input{
    margin:0 10px 0 5px;    
    
}   
    
    
.jj_mm_aaaa{
    margin:0 8px 0 0;   
}
.pagination{
	text-align: center;
	margin-top: 10px;
}
.pagination a, .pagination a:hover, .pagination a:focus{
	color: #64AE3C;
	text-decoration: none;
	font-weight: bold;
}
ul, li {
    list-style-type: none;
}