/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background:#FFFFFF;
}

h1{
    font-family:Arial;
    font-size:12px;
    color:Black;
    text-decoration:underline;
    font-weight:bold;
}

h2{
    font-family:Arial;
    font-size:12px;
    color:Black;
    text-decoration:underline;
}

h3{
    font-family:Arial;
    font-size:11px;
    color:#333333;
    font-style:italic;
}

h4{
    font-family:Arial;
    font-size:11px;
    color:#666666;
    font-style:italic;
}

ul{
    padding:0 0 0 25px;
}

li{
    padding:0 0 0 5px;
}

.titrecouleur{
    font-family:Arial;
    font-size:11px;
    color:#333333;
    font-style:italic;
}

.uppercase{
    text-transform:uppercase;
    color:#435a96;
    font-weight:bold;
}

a:hover{text-decoration:none;}

a img { border:0;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea, select
{
    font-family: arial;
    font-size: 11px;
    line-height: 14px; /*text-transform:uppercase;*/
    color: #333333;
}

input, select { vertical-align:middle; font-weight:normal; color:#383838;}

a {color:#8b8b8b;}

/* main layout */

#header1
{
    background: url(images/header1_bg.gif) top repeat-x;
    text-align: center;
    background-color: #3999D8;
    height:285px;
}
#header1 a {color:#FFFFFF !important; text-decoration:none;}
#header1 a:hover {text-decoration:underline;}
#header1 img {margin-top:45px;}

#header2
{
    background-color: #FFFFFF;
    height:362px;
    vertical-align: top;
}
#header2 a {color:#111111; text-decoration:none;}
#header2 a:hover {text-decoration:underline;}
#header2 .right {padding:10px 22px 0 0;}
.menu {padding-top:256px;}

#main  
{
    margin:0 auto;
    background: #e3e8ef;
    width:780px;
    }

#column1
{
    width:244px;
    max-width:244px;
    float:left; 
    background: #e3e8ef;
    color: #383838;
}
#column1 a {color:#4cb9e4;}

#column2, .col1, .col2, .ind_col 
{
    float:left;
    width:536px;                      
                                   }
#column2 .indent
{
    padding: 0px 3px 40px 10px  ;
    background-color: #FFFFFF;
    vertical-align: top;
    min-height: 300px;
}

#footer {background:url(images/footer_bg.gif) top repeat-x #424242; color:#FFFFFF;height:34px;}
#footer a {color:#FFFFFF; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .left {padding:15px 0 0 38px;
    height: 13px;
    width: 316px;
}

.line {background:#cdcdcd; height:1px;}

.h_text {background:url(images/h_text_bg.gif) bottom repeat-x; padding-bottom:11px;}

.blue {color:#4cb9e4;}

/*#column2 li { background:url(images/list_bg.gif) repeat-x top left; padding:4px 0 1px 14px; line-height:25px;}
#column2 li a {color:#8b8b8b; text-decoration:none;}
#column2 li a:hover { color:#4cb9e4;}

#column1 li {line-height:20px; color:#4cb9e4;}*/


.select1 {width:107px;}
.select2 {width:187px;}

/* index */

#index #column1 .indent {padding:43px 4px 210px 4px; text-transform:none;}
#index #column1 .padding {padding:0 16px;}
#index form .row {height:30px;}
#index #form1 {margin:12px 0 0 0;}
#index #form2 {margin:15px 0 0 0;}

#index #column2 .indent {padding:33px 3px 47px 3px;}
#index #column2 .padding {padding:0 0 0 16px;}
#index .col1 {width:231px;}
#index .col2 {width:233px;}
#index .ind_col {width:16px;}

/* index-1 */

#index_1 #column1 .indent {padding:43px 4px 231px 4px;}
#index_1 #column1 .padding {padding:0 16px;}

#index_1 #column2 .indent {padding:33px 3px 43px 3px;}
#index_1 #column2 .padding {padding:0 20px 0 16px;}

/* index-2 */

#index_2 #column1 .indent {padding:43px 4px 215px 4px;}
#index_2 #column1 .padding {padding:0 16px;}

#index_2 #column2 .indent {padding:33px 3px 47px 3px;}
#index_2 #column2 .padding {padding:0 20px 0 16px;}
#index_2 #column2 .padding2 {padding:0 20px 0 0;}
#index_2 .col1 {width:231px;}
#index_2 .col2 {width:233px;}
#index_2 .ind_col {width:16px;}

/* index-3 */

#index_3 #column1 .indent {padding:43px 4px 211px 4px;}
#index_3 #column1 .padding {padding:0 16px;}

#index_3 #column2 .indent {padding:33px 24px 29px 19px;}
#index_3 .ver_line {background:url(images/ver_line.gif) repeat-y 229px 0; width:100%}
#index_3 .col1 {width:195px;}
#index_3 .col2 {width:213px;}
#index_3 .ind_col {width:75px;}


/* index-4 */

#index_4 #column1 .indent {padding:43px 4px 215px 4px;}
#index_4 #column1 .padding {padding:0 16px;}

#index_4 #column2 .indent {padding:33px 3px 47px 3px;}
#index_4 #column2 .padding {padding:0 20px 0 16px;}
#index_4 #column2 .padding2 {padding:0 20px 0 0;}
#index_4 .col1 {width:200px;}
#index_4 .col2 {width:200px;}
#index_4 .ind_col {width:70px;}


/* index-5 */

#index_5 #column1 .indent {padding:43px 4px 223px 4px;}
#index_5 #column1 .padding {padding:0 16px;}

#index_5 #column2 .indent {padding:33px 24px 43px 19px;}
#index_5 .ver_line {background:url(images/ver_line.gif) repeat-y 229px 0; width:100%}
#index_5 .col1 {width:199px;}
#index_5 .col2 {width:205px;}
#index_5 .ind_col {width:72px;}
#index_5 .col2 .padding {padding:22px 0 0 9px;}

#form .row {height:30px;}
#form .row1 {height:148px;}

.input {width:189px; height:18px; border:1px solid #b2b2b2; background:none; padding:0 0 0 5px;}
textarea {width:189px; height:107px; border:1px solid #b2b2b2; background:none; padding:0 0 0 5px; overflow:auto; color:#383838;}
#form .div {text-align:right; padding:20px 0 0 0;}

/* index-6 

#index_6 #column1 .indent {padding:15px 20px 221px 20px; min-height:113px;}
#index_6 #column2 .indent {padding:5px 34px 47px 19px; min-height:150px;}*/

#index_6 #column1 .indent {padding:15px 20px 221px 20px; min-height:113px;}
#index_6 #column2 .indent {padding:5px 34px 47px 19px; min-height:328px;}


/* Tableaux produits */
.tdtitre{
    height:30px;
    width:150px;
    text-align:center;
    border-bottom:1px solid #666666;
    background:url(images/footer_degrade.jpg) repeat-x;
}

.tableproduits{
    border:1px solid #666666;
    line-height:17px;
}

.datenew
{
    font-family:Arial;
    font-size:10px;
    font-style:italic;
    color:Gray;
}