/************************************************/
/*** 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:red;
    list-style:none;
    font-size:12px;
}

/**************/
/* 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;
}