*{    padding:0;    margin:0px auto   }


body{   text-align:center;    font-family:arial;   background-color:#cfcece;   font-size:12px; background-image:url("img/background.png"); background-repeat:repeat-x;
    color:#ffffff}


#container{  margin-top:30px; width:949px;    background-color:#333333}


a{    text-decoration:none;   color:#ffffff;    }


#menu{    background: url("img/menu_part.png") no-repeat top left ;   width:949px;    height:44px;
    text-transform:uppercase}


a:hover{ text-decoration:underline}


#menu img{    text-align:left;    float:left;   margin-left: 3px;    padding-top:1px;   border:0px}


#menu ul{   list-style:none;    margin-left:254px;    line-height:44px;}


#menu ul li {    float:left;  width:138px;    height:44px}


#header{   background: url("img/header.png") no-repeat top left ; width:949px;    height:181px;   margin-bottom:8px;}


#header_left{   background: url("img/header_left.jpg") no-repeat top left ;   width:442px;    height:181px;
    float:left;   }
    
    
#header_right{   background: url("img/header_right.jpg") no-repeat top left ;   width:507px;    height:181px;
    float:left;}


#header_left #name {    width:270px;    height:70px;   text-align:right;   font-family:Tahoma;
       margin:50px 0px 0px 6px;   _margin:50px 0px 0px -160px;}
    
    
#header_left #name h1{   font-family:Tahoma;
    font-weight:normal;   font-size:36px;   height:40px;   margin-bottom:-15px;   _margin-bottom:2px}


#header_left #name h1 a{   font-size:16px;   font-weight:normal;    }


#middle_part{   width:949px;    height:150px;   margin-bottom:2px;    font-size:11px;   text-align:left;} 


#middle_part h2{  font-size:14px;   margin:12px 0px 2px 25px;   text-transform:uppercase}


#middle_part p{   width:300px;}


#middle_part .title2{    margin-bottom:8px;}


#middle_part a{   font-size:12px;    margin-left:233px;}


#middle_part .box1{   background: url("img/blue.png") no-repeat top left ; margin-left:1px;  width:315px;    height:150px;
    float:left;   }
    

#middle_part .box1_1{   background: url("img/blue_2cols.png") no-repeat top left ; margin-left:1px;  width:631px;    height:150px;
    float:left;   }
    

#middle_part .box2{   background: url("img/orange_nomark.png") no-repeat top left ;   width:315px;    height:150px;
    float:left;   margin:0px 1px 0px 1px;}
    
    
#middle_part .box3{   background: url("img/green.png") no-repeat top left ;   width:316px;    height:150px;
    float:left;}


#article_box{
/*background: url("img/article_bg.png") repeat top left ;*/
background: url("img/background-3cols.png");
background-color:#fefcf2;
border:1px black solid;
color:gray;
 padding-bottom:15px;}
#article_box2{
/*background: url("img/article_bg.png") repeat top left ;*/
background: url("img/background-2cols.png");
background-color:#fefcf2;
border:1px black solid;
color:gray;
 padding-bottom:15px;}
 
 #article_box2_1{
/*background: url("img/article_bg.png") repeat top left ;*/
background: url("img/background-2cols1.png");
background-color:#fefcf2;
border:1px black solid;
color:gray;
 padding-bottom:15px;}



#article_box1{
/*background: url("img/article_bg.png") repeat top left ;*/
background: url("img/background-1cols.png");
background-color:#ffffff;
border:1px black solid;
color:gray;
 background-repeat:no-repeat;
 padding-bottom:15px;}
#article{   width:949px;    }


#article h3{    text-transform:uppercase;   font-size:14px;   height:46px;
       font-weight:normal;   line-height:46px;
    margin-bottom:6px;}

#article h3 a{   color:gray; text-decoration:underline; font-weight:bolder; text-transform:uppercase;   font-size:14px;   height:46px;
       font-weight:bolder;   line-height:46px;
    margin-bottom:6px;}


#article #product{   width:316px;   float:left;    line-height:15px;  }


#article #product ul{   list-style: none;   padding-left: 14px;      }


#article #product ul li ul{  color: #4a83b5; list-style: none;   padding-left: 0px;       }


#article #product ul li{  font-size: 13px;color: #4a83b5; padding-left:15px;   background: url("img/arrow.gif") 0px 6px no-repeat;   text-align:left;    margin:2px 0px -1px 0px; }


#article #product ul li a{    color: #4a83b5;   text-decoration: none;    font-weight:normal;   line-height:20px;   font-size: 13px;}


#article #product ul li ul li ul a{    color: gray;   text-decoration: none;   font-size: 12px   ;line-height:12px; font-weight:normal;    }


#article #product ul a:hover{   text-decoration: underline;}


#article #about_full{   width:315px;   float:left;   margin:0px 1px 0px 1px;
    }
    

#article #about_full p{    width:500px;    margin:13px 0px 0px 11px;    text-align:left;
    _margin:14px 0px 0px 3px;   }


#article #about_full h4{   color:#F6B601;    font-size:14px;   margin:0px 0px -4px 11px;    text-align:left;
    line-height:30px;   _line-height:29px;    font-weight:normal;}


#article #about_full span{   color:#F6B601;}



    

#article #about{   width:315px;   float:left;   margin:0px 1px 0px 1px;
    }
    

#article #about p{    width:295px;    margin:13px 0px 0px 11px;    text-align:left;
    _margin:14px 0px 0px 3px;   }


#article #about h4{   color:#F6B601;    font-size:14px;   margin:0px 0px -4px 11px;    text-align:left;
    line-height:30px;   _line-height:29px;    font-weight:normal;}


#article #about span{   color:#F6B601;}



#article #news{   width:316px;    float:right;   }


#article #news h5{   color:#B8CB34;    font-size:14px;   margin:0px 0px -4px 11px;    text-align:left;
    line-height:29px;   _line-height:29px;    font-weight:normal;   _margin:0px 0px -4px 10px;}

#article #news h5 a{   color:#B8CB34;    font-size:14px;   margin:0px 0px -4px 11px;    text-align:left;
    line-height:29px;   _line-height:29px;    font-weight:normal;   _margin:0px 0px -4px 10px;}
	
#article #news p{    width:300px;    margin:2px 0px 8px 11px;    text-align:left;
    _margin:3px 0px 7px 3px;   }
    

.cleaner{   clear:both    }


#bottom{    float:left;   font-size:12px;   line-height:40px;   color:2f3240;
    width:949px;    height:40px;    background:url("img/bottom_part.png") no-repeat top left ;
    font-weight:normal;   background-color: #333333}


#validator{text-align:right;    width:949px;    height:31px;  }


#validator img{height:31px;   width:88px;   border:0px solid #ffffff}


/*////////////////////////////////////// FORMULAIRES*/

#form {
width: 700px;
margin:auto;
}
#selects{
font-size:small;
color:gray;
}
label
  {
  display: inline;
  float: left;
  margin:auto;
  width: 220px;
  font-size:small;
  } 
#form input:hover, #form select:hover, #form input:focus, #form select:focus, #form textarea:focus 
{
	border:1px #2a4988 solid;
	background-color: #b6cbe7;
}


/* button submit */
#form input[type="submit"]
{
	border: #DDEEFF 1px solid;
	width: 100%;
}


#form input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
}

#form input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}

/* fieldset , legend */
#form fieldset
{	
	margin-bottom: 10px;
	border: #2a4988 1px solid;
	position: relative;
	border-left:none;
	border-right:none;
	overflow:hidden;
}
#form fieldset legend
{
	padding: 0 10px;
	border-left: #2a4988 1px solid;
	border-right: #2a4988 1px solid;
	font-size: 1.2em;
	color: #2a4988;
}
/*//////////////////////////////////////////////////////////////////////////// FORMULAIRES 2 COLONNES */
/*//////////////////////////////////////////////////////////////////////////// FORMULAIRES 2 COLONNES */
/*//////////////////////////////////////////////////////////////////////////// FORMULAIRES 2 COLONNES */
#form2 {
width: 570px;
margin:auto;

}

#form2 input:hover, #form2 select:hover, #form2 input:focus, #form2 select:focus, #form2 textarea:focus 
{
	border:1px #2a4988 solid;
	background-color: #b6cbe7;
}


/* button submit */
#form2 input[type="submit"]
{
	border: #DDEEFF 1px solid;
	width: 100%;
}


#form2 input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
}

#form2 input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}

/* fieldset , legend */
#form2 fieldset
{	
	margin-bottom: 10px;
	border: #2a4988 1px solid;
	position: relative;
	overflow:hidden;
}
#form2 fieldset legend
{
	padding: 0 10px;
	margin-left:5px;
	border-left: #2a4988 1px solid;
	border-right: #2a4988 1px solid;
	font-size: 1.2em;
	color: #2a4988;
}

.tableau {
border: 1px black solid;
 font-size:small; 
 color:gray;
}