@charset "utf-8";
/* CSS Document */

body
{
	background-image:url(../images/fond.jpg);
	width:16px;
	height:881px;
	background-repeat:repeat-x;
	background-position:top;
	padding:0px;
	margin:0px;

}

#pied
{
	margin-bottom: 15px;
	text-align:center;
}

#pied a{
	color:#4a616f;
	font-family:"Tahoma";
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
}

#pied a:hover
{
 color:#000000;
 font-family:"Tahoma";
 font-size:13px;
 font-style:italic;
 font-weight:bold;
 text-decoration:none;
}

#menu{
	height:25px;
	float:right;
	padding-right:10px;
}

#menu a
{
 color:#4a616f;
 font-family:"Tahoma";
 font-size:13px;
 font-style:italic;
 font-weight:bold;
 text-decoration:none;
}

#menu a:hover
{
 color:#000000;
 font-family:"Tahoma";
 font-size:13px;
 font-style:italic;
 font-weight:bold;
 text-decoration:none;
}

.submit
{
	background-image:url(../images/degrade_menu-haut.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#eee;
	border:1px solid #1534aa;
	height:25px;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
	color:#444e57;
	font-family:Tahoma, Geneva, sans-serif;
}

.edito
{
 color:#ffffff;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 text-align:justify;
 padding-left:6px;
}

.ombre-actu
{
		background-image:url(../images/actu_ombre.png);
		background-repeat:repeat-y;
		width:4px;
}
.fond-actu
{
	background-image:url(../images/actu_fond-milieu.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#ADD1E7;
	width:243px;
	
}
.date-actu
{
	 color:#ad8f03;
	 font-family:Tahoma, Geneva, sans-serif;
	 font-size:12px;
	 font-weight:bold;
	 text-align:left;
	 vertical-align:top;

}

.titre-actu
{
	 color:#444e57;
	 font-family:Tahoma, Geneva, sans-serif;
	 font-size:12px;
	 font-weight:bold;
	 text-align:left;
}

.texte-actu
{
	 color:#444e57;
	 font-family:"Tahoma";
	 font-size:12px;
	 text-align:justify;
}
.texte-actu a
{
	 color:#000000;
	 font-family:"Tahoma";
	 font-size:12px;
	 text-align:justify;
	 text-decoration:none;
}
.texte-actu a:hover
{
	 color:#000000;
	 font-family:"Tahoma";
	 font-size:12px;
	 text-align:justify;
	 text-decoration:underline;
}
.actu-bord-bas
{
	width:247px;
	height:9px;
	background-image:url(../images/actu_bord-bas.png);
	background-repeat:no-repeat;
}
.actu-bord-haut
{
	width:247px;
	height:10px;
	background-image:url(../images/actualites_bord-haut.png);
	background-repeat:no-repeat;
}

.fondnewsletter
{
	background-image:url(../images/bloc-contact.png);
	background-repeat:no-repeat;
	background-position: left top;
	width:247px;
	height:198px;
	vertical-align:top;
	padding-left:25px;
}

.titrenewsletter
{
	color:#ebc40a;
	font-size:24px;
	font-family:"Tahoma";
	font-style:italic;
}

.sstitrenewsletter
{
 	color:#4a82a5;	
 	font-size:12px;
	font-family:"Tahoma";
	font-style:italic;
}
.commerciaux
{
 	color:#ebc40a;	
 	font-size:12px;
	font-family:"Tahoma";
	font-style:italic;
	text-decoration:underline;
}

.blue {
	color: #3366ff;
}
.yellow {
	color: #ffd200;
}

/*************************** FORMULAIRE *********************************/

.inputnews
{
	border:1px solid #ebc40a;
	background-color:#ebc40a;
	color:#122632;
	font-size:12px;
	font-family:"Tahoma";
}

.btnnews
{
	border:1px solid #122632;
	background-color:#122632;
	color:#ffffff;
	font-size:12px;
	font-family:"Tahoma";
}

li
{
	list-style-image:url(../images/puce.gif);
	list-style-position:outside;
	color:#000810;
	font-size:12px;
	font-family:"Tahoma";
	font-weight:bold;
	text-align:left;
	line-height:17px;
}

.li-titre
{
	list-style-image:url(../images/puce2.gif);
	list-style-position:outside;
	color:#074181;
	font-size:13px;
	font-family:"Tahoma";
	font-weight:bold;
	text-align:left;
	line-height:17px;

}

/***************************** SSMENU OFFRES ***************************/

.smenu a
{
	color:#152f40;
	 font-family:Tahoma, Geneva, sans-serif;
	 font-size:15px;
	 font-weight:bold;
	 text-align:left;
	 text-decoration:none;
}
.smenu a:hover
{
	color:#152f40;
	 font-family:Tahoma, Geneva, sans-serif;
	 font-size:15px;
	 font-weight:bold;
	 text-align:left;
	 text-decoration:underline;
}
.ssmenu a
{
	color:#152f40;
	 font-family:Tahoma, Geneva, sans-serif;
	 font-size:11px;
	 text-align:left;
	 font-weight:normal;
	 padding-left:15px;
	 text-decoration:none;
}
.ssmenu a:hover
{
	color:#152f40;
	 font-family:Tahoma, Geneva, sans-serif;
	 font-size:11px;
	 text-align:left;
	 font-weight:normal;
	 padding-left:15px;
	 text-decoration:underline;
}

.smenu img
{
	margin-left:7px;
}

.fond-moyen
{
	background-image:url(../images/fond_nos-moyens.png);
	background-repeat:no-repeat;
	width:464px;
	height:251px;
	color:#2f2e2e;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	text-align:left;
	
}

.texte-nos-moyens
{
	color:#2f2e2e;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	text-align:justify;
	width:230px;
	padding:50px 20px 0px 20px;
}

/************************** BLOC METIERS *********************************/

.fondnosmetiers
{
	background-image:url(../images/fond_domaines-milieu.png);
	background-repeat:repeat-y;
	width:464px;
}

.titre
{
	/*background-image:url(/images/bord_jaune.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border-bottom:3px solid #ffd200;	*/
	padding:5px 5px 5px 0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#000000;
	text-align:left;
	font-weight:bold;
}

.titre2
{
	background-image:url(/images/bord_jaune.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	/*border-bottom:3px solid #ffd200;*/
	padding:5px 5px 5px 0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#000000;
	text-align:left;
	font-weight:bold;
}

.titre3
{

	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#000000;
	text-align:left;
	font-weight:bold;
}

.texte
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#444e57;
	text-align:justify;
}

.lien
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	text-align:right;
	color:#9c0000;
	text-decoration:none;
}
.lien:hover
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	text-align:right;
	color:#9c0000;
	text-decoration:underline;
}

.lien2
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	text-align:right;
	color:#9c0000;
	text-decoration:none;
}
.lien2:hover
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	text-align:right;
	color:#9c0000;
	text-decoration:underline;
}

.lien3
{
	font-family:"Tahoma";
	font-size:11px;
	text-align:left;
	color:#074181;
	text-decoration:none;
}
.lien3:hover
{
	font-family:"Tahoma";
	font-size:11px;
	text-align:left;
	color:#074181;
	text-decoration:underline;
}

.boxplusdinfos
{
	text-align:right;
	height:11px;
	/*margin-right:5px; */
	
}

.liendomaine
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-weight: bold;
	text-align:left;
	color:#074181;
	text-decoration:none;
	height:15px;
}

.liendomaine:hover
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-weight: bold;
	text-align:left;
	color:#000000;
	text-decoration:none;
	height:15px;
}
.cache
{
	height:0px;
	overflow:hidden;
	display:none;	
}
.tdmenu
{
	height:20px;	
}

#description
{
	padding-top:0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#444e57;
	text-align:justify;
	
}

/**************************** ADRESSE ***********************/

.adresse
{
	font-family:"Tahoma";
	font-size:12px;
	text-align:left;
	color:#074181;
}

.telephone
{
	font-family:"Tahoma";
	font-size:25px;
	text-align:left;
	color:#D4B109;
}

.telephone-chiffre
{
	color:#0E2434;
	font-family:"Tahoma";
	font-size:25px;
	text-align:left;
}

.fax
{
 	color:#86A4B7;
	font-family:"Tahoma";
	font-size:12px;
	text-align:left;
}

.fond-domaine-mini
{
	background-image:url(../images/fond-domaine-mini.png);
	background-repeat:repeat-y;
	padding-left:15px;
}

.haut-domaine-mini
{
	width:247px;
	background-image:url(../images/haut-domaine-mini.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	height:15px;
}

.bas-domaine-mini
{
	width:247px;
	background-image:url(../images/bas-domaine-mini.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	height:14px;
}

/************* CONTENU *********************************/

.fond-contenu
{
	color:#2f2e2e;
	font-size:12px;
	font-family:"Tahoma";
	text-align:left;
	width:auto;
	background-color:#FFFFFF;
}

.fond-contenu p{
	margin-left:25px;
	width:615px;
	}

.fond-contenu img{
	margin:0 0 10px 0;
	}

.textegris
{
	color:#2f2e2e;
	font-size:12px;
	font-family:"Tahoma";
	text-align:left;
	margin-left:25px;
}

.titre-contenu
{
	color:#163142;
	font-size:18px;
	font-family:"Tahoma";
	text-align:left;
	font-style:normal;
	margin-left:25px;
	padding-bottom:5px;
	background-image:url(../images/soulignement-titre.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.sous-titre-contenu
{
	color:#163142;
	font-size:16px;
	font-family:"Tahoma";
	text-align:left;
	font-style:normal;
	margin-left:25px;
	padding-bottom:5px;
}

.texte-contenu
{
	color:#2f2e2e;
	font-size:12px;
	font-family:"Tahoma";
	text-align:justify;
	font-weight:normal;
	line-height:14px;
	font-style:normal;
	
}

.accroche-contenu
{
	color:#000810;
	font-size:12px;
	font-family:"Tahoma";
	font-weight:bold;
	font-style:italic;
	text-align:left;	
}

.contenu-bas
{
	width:auto;
	background-color:#ffffff;
	background-position:left top;
	height:24px;
}
.contenu-haut
{
	width:auto;
	background-color:#fff;
	background-position:left top;
	background-repeat:no-repeat;
	height:9px;
}

textarea, input
{
	font-size:11px;
	font-family:"Tahoma";
}

.annee
{
	font-family:"Tahoma";
	font-size:24px;
	color:#074181;
	vertical-align:middle;
	text-align:center;
	height:30px;
	width:300px;
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}

.btnconnexion
{
	border:1px solid #ebc40a;
	background-color:#ebc40a;
	color:#333333;
	font-size:12px;
	font-family:"Tahoma";
}

.tetiere-compte
{
	background-image:url(../images/btn_extranet.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	top:0px;
	left:723px;
	width:233px;
	height:28px;
	text-decoration:none;
	font-family:"Tahoma";
	cursor: pointer;
}

.titre_template
{
	/*border-bottom:1px dotted #074181;*/
	font-family:"Tahoma";
	font-size:12px;
	/*font-weight:bold;*/
	color:#074181;
	text-align:left;
	cursor:pointer;
	padding:7px 10px; 5px 0px;
	background-color:#FFFFFF;
	position:relative;
	margin:0 20px 0 25px;
}

.texte-offre
{
	color:#2f2e2e;
	font-size:12px;
	font-family:"Tahoma";
	text-align:justify;
	font-weight:normal;
	line-height:14px;
	font-style:normal;
	padding:12px 12px 0px 12px;
	width:auto;
	margin:0;
	/*border-bottom:1px solid #074181;
	border-right:1px solid #074181;
	border-top:1px solid #074181;*/
	background-color:#DEE9EF;
}

.nouscontacter{
	float:right;
	margin-top:3px;
	}
	
.nouscontacter a{
	color:#074181;
	}
	
.nouscontacter img{
	float:left;
	border:none;
	margin:5px 5px 0 0;
	}
	
.titre_template img{
	float:left;
	width:8px;
	height:8px;
	}
	
.titre_offre{
	background-color:#DEE9EF;
	padding:3px;
	margin:0 20px 0 25px;
	}
	
.titre_offre a{
	font-size:13px;
	font-family:"Tahoma";
	font-weight:bold;
	color:#163142;
}
.separation_offre{
border-bottom:solid 1px #DEE9EF;
margin:0 20px 0 25px;
}

/* TEXTE DEROULANT DEFINITION DU METIER */

#titredefmetier{
 font-family:Tahoma, Geneva, sans-serif;
 font-size:13px;
 height:19px;
 background-color:#074181; 
 color:#ecf6fd;
 font-weight:bold;
/* top:-188px; 
 left:525.5px; 
 width:435.5px;*/ 
 position:relative;
padding-left:17px;
}

#defmetier
{
	position:absolute;
	height:19px;
	overflow:hidden;
	width:453px;
	font-size:12px;
	background:#ecf6fd;

}



 #contdefmetier {
 color:#2f2e2e;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 background:#ecf6fd;
 /*top:-210px;
 left:526.2px;*/ 
	width:423px;
	margin:auto;
 position:relative; 
/* height:0px;
 overflow:hidden;
 padding:15px;*/
 text-align:justify;
}

#img_fleche{
 z-index: 11;
 left:-432px; 
position:relative;
text-align:right;
top:-203px;
display:block;
padding-right:30px;
}

#img_fleche2{ 
 z-index: 11;
 left:-432px; 
position:relative;
text-align:right;
top:-203px;
padding-right:30px;
display:none;
}



/* FIN TEXTE DEROULANT DEFINITION DU METIER */

/* menu général */

/* //////////////////////////////////////////////////////////////////////////////////// */

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

#menu2 /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-style:normal;
        font-family:"Tahoma"; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}

#menu2 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 */
       /* background : #000; /* couleur de fond */ 
        color : #666; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 120px; /* largeur */
		font-style:italic;
        
}

#menu2 li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
     /*   border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
        text-align:center;
}

#menu2 li, #menu2 ul {
	list-style: none;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu2 li
{
      /*  border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu2 li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 120px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
        padding-top:8px;
        
}


#menu2 li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
       /* border-top : 1px solid #d6e6f5; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
        background-image:url('../images/fond-menu.jpg'); */ 
        background:#92b6cc; 
        font-weight : normal;
        padding-left : 3px;
        padding-right : 3px;
        padding-top:5px;
        padding-bottom:5px;
        font-color : #444;
}

#menu2 li ul li a{
	color:#fff;
	font-style:normal;
}

#menu2 li ul li a:hover{
	color:#000;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu2 li ul li                
{
      /*  border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu2 li ul ul 
{
        margin    : -22px 0 0 120px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
    /*    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 #menu2 li ul ul                
{
  /*      border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu2 a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en blanc... */
       /*	background: #000; /* ... et au contraire, le fond en noir */
}


#menu2 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 */
}

#menu2 li:hover ul, #menu2 li li:hover ul, #menu2 li.sfhover ul, #menu2 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 sous IE */
}


/* //////////////////////////////////////////////////////////////////////////////////// */

#menuQSN a
{
 color:#074181;
 font-family:"Tahoma";
 font-size:13px;
 font-style:normal;
 font-weight:bold;
 text-decoration:none;
 border:solid 1px #FFCC00;
 background-color:#FFCC00;
 padding-left:5px;
 padding-right:5px;
}

#menuQSN a:hover
{
 color:#000000;
 font-family:"Tahoma";
 font-size:13px;
 font-style:normal;
 font-weight:bold;
 text-decoration:none;
 border:solid 1px #FFCC00;
 background-color:#FFCC00;
 padding-left:5px;
 padding-right:5px;
}

#menuQSNclic
{
 color:#000000;
 font-family:"Tahoma";
 font-size:13px;
 font-style:normal;
 font-weight:bold;
 text-decoration:none;
 border:solid 1px #FFCC00;
 background-color:#FFCC00;
 padding-left:5px;
 padding-right:5px;
}


/* ******************    PAGE ACTUALITE **********************/

.titre-actualite{
	color:#444E57;
	font-family:Tahoma,Geneva,sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	margin-left:25px;
	text-decoration:underline;
}

.titre-actualite a{
	font-size:10px;
	color:#999999;
}

.entete-actualite{
	font-weight:bold;
	margin-left:25px;
	margin-right:20px;
	font-size:12px;
}

.contenu-actualite{
	margin-left:25px;
	margin-right:20px;
}


/* ********************   MENU ONGLETS *********************** */

#header {
        /*FONT-SIZE: 93%;*/
		/*BACKGROUND: url(../images/bg.gif) #dae0d2 repeat-x 50% bottom; */
		/*FLOAT: left;*/
		/*WIDTH: 100%;*/
		margin:auto;
		width:360px;
		/*LINE-HEIGHT: normal;*/
}
#header UL {
        PADDING: 0px;  
		MARGIN: 0px; 
		LIST-STYLE-TYPE: none;
}
#header LI {
		list-style-image:none; 
		BACKGROUND: url(../images/btn_bg.jpg) repeat-x ;
		FLOAT: left;
		PADDING: 0px; 
		MARGIN: 0px; 
		height:37px;
		border-right:1px solid #fff;
}
#header A {
        DISPLAY: block; 
		PADDING-TOP: 9px;
		PADDING-BOTTOM: 10px;
		PADDING-RIGHT: 15px; 
		PADDING-LEFT: 15px;
		FONT-WEIGHT: bold; 
		FLOAT: left; 
		color:#FFFFFF;
		TEXT-DECORATION: none;
}
#header A {
        FLOAT: none;
}
#header A:hover {
        COLOR: #093c75;
}
#header #current {
        BACKGROUND-IMAGE: url(../images/btn_on.jpg);
		background-position:center;
}
#header #current A {
		COLOR: #fff;
}