﻿/* CSS Document */



/* DEBUT DU DESIGN DU MENU EN ANGLAIS*/
@media (min-width: 320px) AND (max-width: 1280px)
{
.menu {width:1000px;overflow:hidden;margin-top:3px}
}
@media (min-width: 1280px) AND (max-width: 960px)
{
.menu {width:1060px;overflow:hidden;margin-top:3px}
}



#menuglobal-en
{ 
width: 600px; 
height: 25px;
 overflow:hidden;
 z-index: 1; 
 margin-left:185px; 
display:inline; 
float:left;
 position: relative; 
 }


#menuglobal-en #petitmenuglobal-en li
 { 
display: inline; 
}
#menuglobal-en #petitmenuglobal-en li a 
{ 
float: left;
 width: 100px;
 height: 0;
 padding-top: 32px;
 overflow: hidden;  
 font: 12px Arial, Helvetica, sans-serif; 
 color: #4a5054; text-decoration:none;
 }
#menuglobal-en #petitmenuglobal-en li a,#menuglobal-en #petitmenuglobal_home-en li a,#menuglobal-en #globalbkg-en 
{
 background: url(menupro-en.jpg) no-repeat 0px 0px;
 }
#menuglobal-en #petitmenuglobal-en 
{ 
margin: 0;
 padding: 0; 
 }



#menuglobal-en #petitmenuglobal-en li#menus1-en a { background-position: -0px 0px;}
#menuglobal-en #petitmenuglobal-en li#menus2-en a { background-position: -100px 0px;}
#menuglobal-en #petitmenuglobal-en li#menus3-en a { background-position: -200px 0px;}
#menuglobal-en #petitmenuglobal-en li#menus4-en a { background-position: -300px 0px;}
#menuglobal-en #petitmenuglobal-en li#menus5-en a { background-position: -400px 0px;}
#menuglobal-en #petitmenuglobal-en li#menus6-en a { background-position: -500px 0px;}

#menuglobal-en #petitmenuglobal-en li#menus1-en a:active { background-position: -0px -25px;}
#menuglobal-en #petitmenuglobal-en li#menus2-en a:active { background-position: -100px -25px;}
#menuglobal-en #petitmenuglobal-en li#menus3-en a:active { background-position: -200px -25px;}
#menuglobal-en #petitmenuglobal-en li#menus4-en a:active { background-position: -300px -25px;}
#menuglobal-en #petitmenuglobal-en li#menus5-en a:active { background-position: -400px -25px;}
#menuglobal-en #petitmenuglobal-en li#menus6-en a:active { background-position: -500px -25px;}

#menuglobal-en #petitmenuglobal-en li#menus1-en a:hover { background-position: -0px -25px;}
#menuglobal-en #petitmenuglobal-en li#menus2-en a:hover { background-position: -100px -25px;}
#menuglobal-en #petitmenuglobal-en li#menus3-en a:hover { background-position: -200px -25px;}
#menuglobal-en #petitmenuglobal-en li#menus4-en a:hover { background-position: -300px -25px;}
#menuglobal-en #petitmenuglobal-en li#menus5-en a:hover { background-position: -400px -25px;}
#menuglobal-en #petitmenuglobal-en li#menus6-en a:hover { background-position: -500px -25px;}




/* FIN DU DESIGN DU MENU EN ANGLAIS */









/* DEBUT DU DESIGN DU MENU EN ESPANGOL*/

#menuglobal-es
{ 
width: 600px; 
height: 25px;
 overflow:hidden;
 z-index: 1; 
 margin-left:185px; 
display:inline; 
float:left;
 position: relative; 
 }


#menuglobal-es #petitmenuglobal-es li
 { 
display: inline; 
}
#menuglobal-es #petitmenuglobal-es li a 
{ 
float: left;
 width: 100px;
 height: 0;
 padding-top: 32px;
 overflow: hidden;  
 font: 12px Arial, Helvetica, sans-serif; 
 color: #4a5054; text-decoration:none;
 }
#menuglobal-es #petitmenuglobal-es li a,#menuglobal-es #petitmenuglobal_home-es li a,#menuglobal-es #globalbkg-es 
{
 background: url(menupro-es.jpg) no-repeat 0px 0px;
 }
#menuglobal-es #petitmenuglobal-es 
{ 
margin: 0;
 padding: 0; 
 }



#menuglobal-es #petitmenuglobal-es li#menus1-es a { background-position: -0px 0px;}
#menuglobal-es #petitmenuglobal-es li#menus2-es a { background-position: -100px 0px;}
#menuglobal-es #petitmenuglobal-es li#menus3-es a { background-position: -200px 0px;}
#menuglobal-es #petitmenuglobal-es li#menus4-es a { background-position: -300px 0px;}
#menuglobal-es #petitmenuglobal-es li#menus5-es a { background-position: -400px 0px;}
#menuglobal-es #petitmenuglobal-es li#menus6-es a { background-position: -500px 0px;}

#menuglobal-es #petitmenuglobal-es li#menus1-es a:active { background-position: -0px -25px;}
#menuglobal-es #petitmenuglobal-es li#menus2-es a:active { background-position: -100px -25px;}
#menuglobal-es #petitmenuglobal-es li#menus3-es a:active { background-position: -200px -25px;}
#menuglobal-es #petitmenuglobal-es li#menus4-es a:active { background-position: -300px -25px;}
#menuglobal-es #petitmenuglobal-es li#menus5-es a:active { background-position: -400px -25px;}
#menuglobal-es #petitmenuglobal-es li#menus6-es a:active { background-position: -500px -25px;}

#menuglobal-es #petitmenuglobal-es li#menus1-es a:hover { background-position: -0px -25px;}
#menuglobal-es #petitmenuglobal-es li#menus2-es a:hover { background-position: -100px -25px;}
#menuglobal-es #petitmenuglobal-es li#menus3-es a:hover { background-position: -200px -25px;}
#menuglobal-es #petitmenuglobal-es li#menus4-es a:hover { background-position: -300px -25px;}
#menuglobal-es #petitmenuglobal-es li#menus5-es a:hover { background-position: -400px -25px;}
#menuglobal-es #petitmenuglobal-es li#menus6-es a:hover { background-position: -500px -25px;}




/* FIN DU DESIGN DU MENU EN ESPAGNOL */
































/* DEBUT DU DESIGN DU MENU*/

#menuglobal 
{ 
width: 600px; 
height: 25px;
 overflow:hidden;
 z-index: 1; 
 margin-left:185px; 
display:inline; 
float:left;
 position: relative; 
 }


#menuglobal #petitmenuglobal li
 { 
display: inline; 
}
#menuglobal #petitmenuglobal li a 
{ 
float: left;
 width: 100px;
 height: 0;
 padding-top: 32px;
 overflow: hidden;  
 font: 12px Arial, Helvetica, sans-serif; 
 color: #4a5054; text-decoration:none;
 }
#menuglobal #petitmenuglobal li a,#menuglobal #petitmenuglobal_home li a,#menuglobal #globalbkg 
{
 background: url(menupro.jpg) no-repeat 0px 0px;
 }
#menuglobal #petitmenuglobal 
{ 
margin: 0;
 padding: 0; 
 }



#menuglobal #petitmenuglobal li#menus1 a { background-position: -0px 0px;}
#menuglobal #petitmenuglobal li#menus2 a { background-position: -100px 0px;}
#menuglobal #petitmenuglobal li#menus3 a { background-position: -200px 0px;}
#menuglobal #petitmenuglobal li#menus4 a { background-position: -300px 0px;}
#menuglobal #petitmenuglobal li#menus5 a { background-position: -400px 0px;}
#menuglobal #petitmenuglobal li#menus6 a { background-position: -500px 0px;}

#menuglobal #petitmenuglobal li#menus1 a:active { background-position: -0px -25px;}
#menuglobal #petitmenuglobal li#menus2 a:active { background-position: -100px -25px;}
#menuglobal #petitmenuglobal li#menus3 a:active { background-position: -200px -25px;}
#menuglobal #petitmenuglobal li#menus4 a:active { background-position: -300px -25px;}
#menuglobal #petitmenuglobal li#menus5 a:active { background-position: -400px -25px;}
#menuglobal #petitmenuglobal li#menus6 a:active { background-position: -500px -25px;}

#menuglobal #petitmenuglobal li#menus1 a:hover { background-position: -0px -25px;}
#menuglobal #petitmenuglobal li#menus2 a:hover { background-position: -100px -25px;}
#menuglobal #petitmenuglobal li#menus3 a:hover { background-position: -200px -25px;}
#menuglobal #petitmenuglobal li#menus4 a:hover { background-position: -300px -25px;}
#menuglobal #petitmenuglobal li#menus5 a:hover { background-position: -400px -25px;}
#menuglobal #petitmenuglobal li#menus6 a:hover { background-position: -500px -25px;}


.soutif_0
 { 
width: 990px;
 height: 9px; 
margin-top:-5px;
 margin-left:0px;
 margin-bottom:10px;
 position: absolute;
 z-index: 2; 
 background: url(t_bas.png) no-repeat center top
 }

/* FIN DU DESIGN DU MENU*/




.firstmenu a {
  font-family:Verdana;
  font-size:10px;
  font-weight:bold;
  color:#FFFFFF;
  text-decoration:none;
  padding-left:40px;
}
.firstmenu a:hover {
  font-family:Verdana;
  font-size:10px;
  font-weight:bold;
  color:yellow;
  text-decoration:none;
  padding-left:40px;
}
.firstmenu1 a {
  font-family:Verdana;
  font-size:10px;
  font-weight:bold;
  color:#FFFFFF;
  text-decoration:none;
  padding-left:5px;
}
.firstmenu1 a:hover {
  font-family:Verdana;
  font-size:10px;
  font-weight:bold;
  color:orange;
  text-decoration:none;
  padding-left:5px;
}
.firstmenu2 a:hover {
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
  color:white;
  text-decoration:none;
  padding-left:5px;
}
.firstmenu2 a {
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
  color:yellow;
  text-decoration:none;
  padding-left:5px;
}

.menu1 a {
  font-family:Verdana;
  font-size:10px;
  font-weight:bold;
  color:#666666;
  text-decoration:none;
  padding-left:40px;
}
.menu1 a:hover {
  font-family:Verdana;
  font-size:10px;
  font-weight:bold;
  color:#000000;
  text-decoration:none;
  padding-left:40px;
}

.client a {
  font-family:arial;
  font-size:11px;
  font-weight:bold;
  color:#000000;
  text-decoration:none;
}
.client a:hover {
  font-family:arial;
  font-size:11px;
  font-weight:bold;
  color:orange;
  text-decoration:none;

}

.caption {
  font-family:arial;
  font-size:11px;
  color:#FFFFFF;
  font-weight:bold;
  line-height:20px;
}
.copyright {
  font-family:verdana;
  font-size:10px;
  color:red;
}
.footermenu a {
  font-family:arial;
  font-size:12px;
  font-weight:bold;
  color:black;
  text-decoration:none;
  
}	
.footermenu a:hover {
  font-family:arial;
  font-size:12px;
  font-weight:bold;
  color:orange;
  
}
.firstmenu3 a {
  font-family:arial;
  font-size:12px;
  font-weight:bold;
  color:black;
  text-decoration:none;
  padding-left:5px;
}
.firstmenu3 a:hover {
  font-family:arial;
  font-size:12px;
  font-weight:bold;
  color:#104c90;
  text-decoration:none;
  padding-left:5px;
}
.lignetop
{
background-image:url(fontlignetop.jpg);
padding-top:12px;
width:220px;
}

	
.ligne
{
background-image:url(fontligne.jpg);
width:220px;

}

.lignebottom
{
background-image:url(fontlignebottom.jpg);
width:220px;
height:25px;

}

.descrip
{
background-image:url(font00.gif);
width:660px;
margin-top:-14px;
position:relative;
}

.descripcontact
{

width:660px;
margin-top:-14px;
position:relative;
margin-left:150px;
}


.font001
{
background-image:url(font001.png);
width:660px;
height:353px;
margin-top:-12px;
position:relative;
font-size:15px;
}

.bodyfont
 {
position:relative;

 margin-top:0px; 
 letter-spacing:0px;
 margin-right:0px; 
 background: url(fontbody.png)  top center no-repeat;
 }
