html{
    height:100%;
}


*{
    margin:0;
    padding:0;
    font-family:"Trebuchet MS", sans-serif;
    font-size:14px;
    font-weight:lighter;
    color:#55544f;
}



body{

    background:url(theme/bg.png);
    height:100%;
}

#conteneur{
    position:relative;
    margin:0 auto;
    width:1000px;
    min-height:700px;
    background:#fff;
    
}

#banniere{
    width:1000px;
    height:250px;
    background:#ffe53c;
    background:url(theme/banniere.jpg) top left no-repeat;
    border-bottom:1px solid grey;
}



.flag{
    
    width:60px;
    height:40px;
    margin-right:50px;
    margin-bottom:40px;
    
}



.flag a img{
    border:0;
    text-decoration:none;
}

.language{
    text-decoration:none;
}


#logo{
    
    width:413px;
    height:120px;
    margin-left:50px;
    background:url(theme/logo-rolytec.png) no-repeat;
    
}

#logo a img{
    border:0;
    text-decoration:none;
    
}

#logo-en{
    
    width:413px;
    height:120px;
    margin-left:50px;
    background:url(theme/logo-rolytec-en.png) no-repeat;
    
}

#logo-en a img{
    border:0;
    text-decoration:none;
    
}

#contenu{
    clear:both;
    position:relative;
    width:1000px;
    min-height:400px;
    background:#fff;
    background:url(theme/flacons1.jpg) left bottom no-repeat;
}



#menu{
    float:left;
    width:180px;
    background:#680038;
    padding:10px;
}

.hover{
    background:#4a1c32;
}




.nav1 { 
      margin: 0; 
      padding: 0; 
      list-style: none; 
      background: #680038;
      
      color: #fff; 
      width: 180px; 
      font-size: 1em ;
      } 
   .nav1 a, .nav1 span { 
      display: block;
      height:20px;
      line-height:20px;
      padding: 4px 10px;
      margin-bottom:14px;
      color: #fff; 
      text-decoration: none; 
      
      
      } 
   .nav1 .toggleSubMenu a, .nav1 .toggleSubMenu span { 
    
      } 
   .nav1 .open a, .nav1 .open span { 
   
      } 
   .nav1 a:hover, .nav1 a:focus, .nav1 a:active { 
     
      background:#4a1c32;
      }
      
      .sub1 a, .open a{
        text-decoration:underline;
      }
      
      .sub2 a{
        text-decoration:none;
      }
 
       .sub1 a:hover, .sub1 a:focus, .sub1 a:active, .open a:hover, .open a:focus, .open a:active { 
     
      color:#fff;
      }
      
      
    .sub1, .open{
        list-style:none;
        font-weight:bold;
        
      }
      
    .sub1 li a, .open li a{
       
        margin-bottom:5px;
        font-weight:lighter;
        font-size:0.9em;
        color:#eaafc6;
        
    }
      
       .sub2{
        list-style:none;
        padding-left:10px;
      }
      
      .sub2 li{
        
      }
      
      .sub2 li a{
        
        color:#eaafc6;
        font-weight:lighter;
        font-size:0.8em;
        
        
    }
   
   
   .nav1 .sub1 .open{ 
     
      margin: 0; 
      padding: 0; 
     
      
      } 
   .open .nav1 ul.sub1 a { 
      padding: 3px 20px; 
      }


#page{
    

    width:758px;
    margin-left:210px;
    min-height:620px;
    background:#fff;
    border-left:1px solid #e4e4e4;
    padding:15px;
    
   
    
}



.col1{
    float:left;
    width:360px;
    background:#fff;
    
    
}




.col1 p{
    line-height:1.5em;
    font-weight:lighter;
}

.col1a{
    float:left;
    width:480px;
    background:#fff;
    
    
}

.col1a p{
    line-height:1.5em;
    font-weight:lighter;
}

.col1b{
    float:left;
    width:680px;
    background:#fff;
    
    
}

.col1b p{
    line-height:1.5em;
    font-weight:lighter;
}

.col1c{
    float:left;
    width:450px;

    
    
}

.col1c p{
    line-height:1.6em;
}

.col1c h2{
    font-size:2em;
    margin-bottom:1.8em;
    width:450px;
    border-bottom:1px solid #680038;
    color:#680038;
}

.etiquette1{
    background:#007c91;
    color:#fff;
    padding:3px;
    
}

.etiquette2{
    background:#c40057;
    color:#fff;
    padding:3px;
    
}

.col2c{
    float:left;
    width:300px;
   padding-top:130px;
}

.col2d{
    float:left;
    width:300px;
   padding-top:60px;
}

.noir{
color:#680038;
font-weight:bold;
}

.liste1{
    list-style:disc;
    list-style-position: inside;
    line-height:1.5em;
    font-weight:lighter;
}

.titre-video{
    font-size:2em;
    margin-top:20px;
    color:#000;
}

#video{
    width:320px;
    height:240px;
    margin-top:5px;
}

.legende{
    width:320px;
    margin-bottom:50px;
}

.legende p{
    font-size:0.9em;
    text-align:justify;
    padding-top:10px;
}

.legende h3{
    font-size:1.2em;
    margin-top:5px;
    color:#680038;
}

.bordeau{
    color:#680038;
}

.col2{
    float:right;
    width:350px;

    
}

#foot{
    clear:both;
    
    position:relative;
    width:976px;
    height: 76px;
    background:#680038;
    background:url(theme/foot.jpg) no-repeat left top;
    padding:12px;
    padding-bottom:15px;
}

.liste-foot{
    width:1000px;
}

.liste-foot li, .liste-foot li img{
        
    float:left;
    margin-right:80px;
    
}

.liste-foot li, .liste-foot li a{

    color:#fff;
    font-size:0.85em;
    font-weight:lighter;
    list-style:none;
    
}

.gros{
    font-size:1.2em;
    color:#fff;
}

.cartouches{
    margin-bottom:60px;
}

.cartouches h3{
    font-size:1.2em;
    text-transform: uppercase;
}

.cartouches ul{
    list-style-position: inside;
}

.norme1{
    color:#fff;
    width:10em;
    height:2em;
    background:#007c91;
    line-height:2em;
    text-align:center;
}

.norme2{
    color:#fff;
    width:10em;
    height:2em;
    background:#c40057;
    line-height:2em;
    text-align:center;
}

.cartouche1{
    width:680px;
    background:#f7f7f7;
    padding:15px;
    line-height:1.5em;
    border-top:2px solid #007c91;
}

.cartouche2{
    width:680px;
    background:#f7f7f7;
    padding:15px;
    line-height:1.5em;
    border-top:2px solid #c40057;
}

label{
    font-size:12px;
}

input {
    width: 300px;
    padding: 2px;
    margin-bottom:4px;
    }
    
input[type="submit"] {
    width: auto;
    }
    
textarea {
    padding: 5px;
    }
    
.error {
    color: #fff;  padding: 10px;
    background-color: #844d78;
    }