body { 
   color:#fff;
   background:url(../design/fond.jpg) no-repeat center top;
   background-color:#fff;
   font-family:MicrosoftHimalaya;
   font-size:30px; 
   line-height:24px;
   padding:0; 
   margin:0; 
   } 
   
 /* --- Header --- 
------------------------------------------------------------------- */

div#header { 
	width:100%;   
    position:relative; 
    text-align:justify;
    float:left;
    top:0px;  
}

#logo{
   font-size:36px;
   color:#08caef;
   text-align:center;
   margin-top:20px;
   line-height:25px;
   font-family: 'VictorianLetPlain-Regular';
}

#slogan{
  color:#fff;
  font-size:18px;
   margin-top:5px;
   text-align:center;
  font-family: 'TrajanPro';
}

@media screen and (max-device-width: 1279px) {    
div#logo { 
   font-size:16px;
   text-align:center;
   margin-top:20px;
   font-family: 'VictorianLetPlain-Regular';
}
}

@media screen and (max-device-width: 1279px) {    
#slogan{
  font-size:10px;
  font-family: 'TrajanPro';
}
}




   
.log { 
   margin-left:70px;
   }   

   
/* --- Content --- 
------------------------------------------------------------------- */   
div#content { 
   position:relative; 
   text-align:justify;
   float:left;
   top:103px; 
   width:975px;  
   height:800px;
   margin:0 auto 0 -495px;  
   float:left;
   left:50%; 
   }
   
div#content2 { 
   position:relative; 
   text-align:justify;
   width:975px;  
   margin:650px auto 30px -975px;  
   float:left;
   left:50%; 
   }   
   
div#colonne1, #colonne2, #colonne3 { 
   text-align:justify;
   width:280px;  
   margin:0 40px 0 4px;  
   float:left;
   font-family:Tahoma;
   font-size:14px;
   line-height:16px;
   color:#000;
   } 
   
div#produits { 
   position:relative; 
   text-align:center;
   width:950px;  
   margin:0 auto 0 -495px;  
   float:left;
   left:50%; 
   }

#produits p   { 
   text-align:justify;
   }
   

.prod { 
   position:relative; 
   text-align:left;
   padding:0 50px 0 60px;
   float:left;
   }
   
div#cont1{ 
   text-align:justify;
   width:380px;  
   margin:0px 80px 0 0;  
   float:right;
   font-family:MicrosoftHimalaya;
   font-size:30px;
   line-height:24px;
   color:#fff;
   } 
   
div#cont2{ 
   text-align:justify;
   width:450px;  
   margin:0 0 0 0;  
   float:left;
   font-family:Tahoma;
   font-size:14px;
   color:#fff;
   } 
   
/* --- Menu --- 
------------------------------------------------------------------- */     

ul {
   padding:0 0 0 124px;
   margin:-70px 0 0 0;
   list-style-type:none;
   text-align:center;
 }
li {
   float:left; /*pour IE*/
   font-family: fontleroy_brown_nfregular;
   text-align:center;
   font-size:48px; 
   padding: 0 70px 0 0;
   margin: 0 0 0 0;
 }
ul li a {
   color:#fff;
   text-align:center;
 }
ul li a:hover {
   color:#ffcc2f;
   padding: 17px 0 0 0;
   text-decoration:none;
 }


.distri a {
   color:#08caef;
 }
.distri a:hover {
   color:#ffcc2f;
   padding: 17px 0 0 0;
   text-decoration:none;
 }
   

   
/* --- Slider --- 
------------------------------------------------------------------- */  

  
div#sur-titre { 
   z-index:15;
   width:975px;  
   margin:0 auto 0 -475px;  
   position:absolute; 
   float:left;
   top:330px;  
   left:50%; 
   } 


   
div#footer { 
   width:100%;  
   height:47px;
   text-align:center;
   margin: 15px 0 0 0;
   padding: 4px 0 0 0;
   background-color:#000;
   font-family:'VictorianLetPlain-Regular';
   font-size:16px;
   color:#fff;
   text-align:center;
   bottom:0px;  
   } 
   

   
/* --- Divers --- 
------------------------------------------------------------------- */ 
div#ligne { 
   width:100%;  
   height:1px;
   background:url(../design/ligne.jpg) repeat-x;
   background-position: center;
   margin: 10px 0 0 0;
   position:relative; 
   } 
   
div#ligne2 { 
   width:100%;  
   height:1px;
   background:url(../design/ligne.png) repeat-x;
   background-position: center;
   margin: 0 0 10px 0;
   filter : alpha(opacity=20);
   opacity : 0.2;
   position:relative; 
   }    
   

   
/* --- Typo --- 
------------------------------------------------------------------- */

@font-face {
	font-family: 'TrajanPro';
	src: url('TrajanPro-Regular.eot');
	src: url('TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('TrajanPro-Regular.woff') format('woff'),
		url('TrajanPro-Regular.ttf')  format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family:'VictorianLetPlain-Regular';
	src: url('VictorianLetPlain_gdi.eot');
	src: url('VictorianLetPlain_gdi.eot?#iefix') format('embedded-opentype'),
		url('VictorianLetPlain_gdi.woff') format('woff'),
		url('VictorianLetPlain_gdi.ttf') format('truetype'),
		url('VictorianLetPlain_gdi.svg#VictorianLetPlain-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
  font-family: 'MicrosoftHimalaya';
  src: url('MicrosoftHimalaya.eot?#iefix') format('embedded-opentype'),
  url('MicrosoftHimalaya.woff') format('woff'),
  url('MicrosoftHimalaya.ttf')  format('truetype'),
  url('MicrosoftHimalaya.svg#MicrosoftHimalaya') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'fontleroy_brown_nfregular';
    src: url('fontleroybrownnf-webfont.eot');
    src: url('fontleroybrownnf-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontleroybrownnf-webfont.woff2') format('woff2'),
         url('fontleroybrownnf-webfont.woff') format('woff'),
         url('fontleroybrownnf-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


.gras{
  color:#3deedf;
  font-size:30px;
   font-family: 'VictorianLetPlain-Regular';
}

.distri{
  color:#099aee;
}


.Titrelog1{
  color:#099aee;
  font-size:30px;
  font-family: 'VictorianLetPlain-Regular';
  text-align:center;
  padding-left:51px;
}

.Titrelog2{
  color:#eeb009;
  font-size:30px;
  font-family: 'VictorianLetPlain-Regular';
  text-align:center;
  padding-left:13px;
}

.Titrelog3{
  color:#002680;
  font-size:30px;
  font-family: 'VictorianLetPlain-Regular';
  text-align:center;
  padding-left:42px;
}



   
/* --- Listes --- 
------------------------------------------------------------------- */



  

   
/* --- Styles Gallerie (Visio) --- 
------------------------------------------------------------------- */

.table_visio
{
    text-align: center;
    width:100%;
	padding: 0 0 0 30px;
}

.td_visio
{
    padding : 2px;
}

.visio_description
{
    font-family: Times New Roman, Lucida Console, Arial, Verdana;
    font-size : 10pt;
    color : #000000;
    font-weight : bold;
    text-align: left;
    font-style: italic;
}

.cadre
{

}

a.none:link,
a.none:visited,
a.none:hover
{
    text-decoration     : none;
    background-color    : transparent;
}


img.mini {
	border-top:11px solid #000 ;
    border-bottom:11px solid #000 ;
	border-left:1px solid #000 ;
	border-right:1px solid #000 ;
    margin: 0 0 0 0;
}  

/* Reglages personnels : */ 

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

h2 { 
	color: #ffde02;
    font-size:20px;
    font-weight:normal;
    font-family: 'VictorianLetPlain-Regular';
	margin: 0px 0 25px 0; }

h3 { 
	color: #ffde02;
    font-size:30px;
    font-weight:normal;
    font-family: 'VictorianLetPlain-Regular';
	margin: 50px 0 15px 0; }

h5 { 
	color: #ffde02;
    font-size:30px;
    font-weight:normal;
    font-family: 'VictorianLetPlain-Regular';
	margin: 10px 0 15px 0; }

h4 { 
	color: #ffde02;
    font-size:30px;
	text-align:center;
    font-weight:normal;
    font-family: 'VictorianLetPlain-Regular';
	margin: -30px 0 15px 0; }
	
p { margin:0; padding:0; }

div.clear { clear:both; }
img { border:0; margin:0}