html,body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;text-align:center; text-align:left; color:black;}

ul li ul {
margin-top: 10px;
margin-bottom: 10px;
}

#header{height:120px;}
#header-logo{width:180px;height:100px;float:left;margin-left:31px;}
#header-slogan{width:180px;text-align:center;}
#header-image{height:80px;padding-top:10px;background-image:url('image/traducteur-assermente-francais-anglais.jpg');background-repeat:no-repeat; background-position:right;}
#header a img {border: none;}

#conteneur{width:960px;margin-left:auto;margin-right:auto;}
#conteneur-contenu{width:960px; }
#menu-nav{height:35px;width:960px;}

#gauche{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
display:block;
float:right;
width:229px;
min-height:300px;
padding-top:15px;
padding-left: 10px;
}

#contenu{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-color:white;
display:block;
float:right;
padding: 0 10px 0 10px;
width:701px;
min-height:300px;}

#pied{clear:both;text-align:center;padding-top:10px;}
#arbo{height:25px; margin-top:10px;}

#devis-bloc{width:213px; margin-top:10px; text-align:center;}
#photo{border:1px solid #12b0e0;width:212px; height:304px; margin-top:10px; margin-bottom:10px;}

#pd-gauche{width:790px;float:left;height:70px;text-align:left; padding-left:20px;}
#pd-droite{width:150px;float:left;height:70px;}

/* Pied de page en ligne*/
ul#menu_horizontal li {list-style-type :none;display :inline;padding :0 1em;}
ul#menu_horizontal {padding:0;}

/* MENU */

#menu, #menu ul /* Liste */	
{
	padding : 0; /* pas de marge int?rieure */
	margin : 0; /* ni ext?rieure */
	list-style : none; /* on supprime le style par d?fault de la liste */
	height : 35px;
	line-height : 35px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	width:960px;
}

#menu{font-weight:bold;font-family :Arial;font-size:12px;}

#menu a /* Contenu des listes */
{
	display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intérieure */
	color : white; /* couleur du texte */
	background:url('image/menu-off.jpg') repeat-x; 
	text-decoration : none; /* on supprime le style par défault des liens (la plupart du temps = souligné) */
	width : 239px; /* largeur */
}

#menu li /* Elements des listes */{float :left;/* pour ie qui ne reconnait pas "transparent" */border-right: 1px solid #fff;/* on met une bordure blanche ? droite de chaque élément */}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li{border-right: 1px solid #5d5d5d; /* on met une bordure transparante droite de chaque élément */}

#menu li ul /* Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 239px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	line-height:20px;
}

#menu li ul ul 
{
	margin		: -22px 0 0 144px ; /* On décale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */	
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-left	: 1px solid #fff ; /* Petite bordure ? gauche pour ne pas coller ... */	
}

/* ie ne reconnaissant pas le s?lecteur ">" ... je me répéte ;-) */
html>body #menu li ul ul{border-left:1px solid transparent ; /* on met une bordure transparante sur la gauche de chaque élément */}

#menu a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: white; /* On passe le texte en noir ... */
	background:url('image/menu-on.jpg') repeat-x; /* ... et au contraire, le fond en blanc */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un ?l?ment de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un ?l?ment de liste ET sous-sous-lites lorsque la souris passe sur un ?l?ment de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug */
}

#menu ul li a {background:#2f7ac1 none repeat scroll 0 0; text-align:left; padding-left:10px; width:229px;}
#menu ul li a:hover {background:#cc0619 none repeat scroll 0 0; text-align:left; padding-left:10px; width:229px;}

/* CONTACT PAR TELEPHONE */

#petitcadremilieu{background-image:url('image/petit-cadre-milieu.jpg');background-repeat:y;width:223px;margin-left:7px;}
#petitcadremilieu-gris{width:223px;  padding-top: 13px; padding-bottom: 13px; margin-bottom: 13px; height: 169px;}
.rappel-fr{background: url('image/rappel3.jpg') no-repeat; }
.rappel-anglais{background: url('image/rappel.gif') no-repeat;}

.input-email {width:200px;height:15px;color:#1d5d17;font-weight:bold; font-size:11px;}
*+ html .input-email{padding:0;}

#formulaire-rappel {margin:107px 0 0 10px;}
#formmail_rappel{margin:75px 0px 0px 4px;}
*+ html .input-telephone{padding:0;height:23px;}
.button-rappel {border:none;background: url('image/rappelez-moi-off.jpg') no-repeat;width:99px;height:21px; cursor:pointer; margin-left:7px;}
.button-rappel:hover{border:none;background: url('image/rappelez-moi-on.jpg') no-repeat;width:99px;height:21px; cursor:pointer; margin-left:7px;}
.btn-anglais{background: url('image/rappelez-moi-off.gif') no-repeat;}
.btn-anglais:hover{background: url('image/rappelez-moi-on.gif') no-repeat;}
.input-telephone {width:92px;height:13px;line-height:15px;font-size:10px;vertical-align:top;color:#cc0619;font-weight:bold;}

/* Cadre contact - Vous avez une question */
#question {font-size:14px;margin-left:10px; text-align:left;width:202px; font-weight:bold;color:#535353;}
#appelez {font-size:17px;margin-left:10px;width:202px;font-weight:bold; text-align:center;color:#535353;}
#telephone {font-size:22px;margin-left:10px;width:202px;font-weight:bold;color:#cc0619; text-align: center;}
.cout-appel {color:#cc0619; text-align: center; font-size: bold;}
.exposant {font-size:10px;vertical-align:text-top;}
#rappeler {font-size:12px;width:213px; padding:5px 0 0 10px; height:65px; margin-top: 7px;}

#gauche h3 a {
margin-left: 40px;
}

#contactez-nous {font-size:13px;text-align:center;}

#logo-gtalk{height:50px;margin-left:8px; width:212px;}

.interlocuteur{
margin-bottom: 13px;
}
.telecharger {
margin: 13px 0;
}

/* couleur des liens et autres */

a:link, a:visited, a:active{color:#3e78a8;text-decoration:none;}
a:hover{color:#860203; text-decoration:uderline;}

a.supeva:link, a.supeva:visited, a.supeva:active, a.supeva:hover{color:#142749;text-decoration:none;font-size:7px; font-weight:bold;}


h1, h2{font-size:14px;font-weight:bold;background:url('image/puce-hn.jpg') no-repeat 0% 1px; padding-left:21px; margin:0; margin-bottom:10px;color: #cc0619;}
.c1 {color:#3e78a8;}
.c2 {color:#009933;}
.c3 {color:#CCCCCC;}
.c4 {color:#cc0619;}
.taille1 {font-size:9px;}
.italic{font-style:italic;}
.gras{font-weight:bold;}
.centre{text-align:center;}
.supeva-texte{color:#2a2a2a;font-size:7px; font-weight:bold;}
textarea{font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px; width:675px;}
input.btn {width:85px;height:30px;margin-top:10px;background:#f2f8fd;color:#7e9db5;border:1px solid #7e9db5;}
.texte15{font-size:12px}


.input-petit{width:170px; font-size:11px;}
.input-telephone2, .select-situation{width:175px; font-size:11px;}
.select-expertise{width:130px; font-size:11px;}
.select-intervention{width:135px; font-size:11px;}

#bloc-commercial{width:711px; height:460px; margin:auto; padding-bottom:20px;}
#bloc-commercial-1{width:242px; margin: 6px 5px 5px 10px;}
#bloc-commercial-2{width:242px; margin: 6px 5px 5px 10px;}
#bloc-commercial-3{margin: 6px 5px 5px 10px;}
#bloc-commercial-4{margin: 6px 5px 5px 10px;}
.index{border:0px;}

fieldset{
	margin:0 0;
    margin-bottom:20px;
	border:1px solid #3e78a8;
}

legend{
	padding:0 .5em;
	color:#cc0619;
	background:transparent;
	font-size:12px;
	font-weight:bold;
}

/* agrandissement des photos */
/* jQuery lightBox plugin - Gallery style */
#gallery {padding:0; margin:0;width: 200px;list-style: none;}

ul.liste{list-style-image: url('image/puce-rouge.gif');}
ul.liste li{padding-bottom:5px;}

ul.liste-liens-internes {list-style-type: square;list-style-image:none}
ul.liste-liens-internes  li{padding-bottom:10px;}

.table-liens-internes{width:100%; border:1px dashed #a4a4a4; vertical-align:text-top; background-color:#d6d6d6;}
.table-tr-liens-internes{vertical-align:text-top;}

/* formulaire fichier multiple */
div#fichiers {width:370px;margin:auto;padding:5px;font-size: 11px;text-align: left;border: 1px dotted #7e9db5;}

/* tableau avec image thématique */
.tab-top{vertical-align:top;}

.tab-top td img{border: 2px solid #3e78a8; margin-left: 10px;}

.trad-urg {
margin-top: 14px;
}

.img-index{
margin-top: 15px;
} 

.trad-dip {
margin-top: 25px;
}

.trad-intel {
margin-top: 14px;
}