/* BODY
----------------------------------------------- */
body { text-align:center;	border-top: 6px #d9d7ca solid; margin: 0; font-size: .8em;	font-family: tahoma, Arial, Helvetica, sans-serif;	background-color: white}

input,select { font-size: 1.0em;	font-family: tahoma, Arial, Helvetica, sans-serif; }

/* DIVERS
----------------------------------------------- */	
* {	margin: 0px;	padding: 0px;}
p {	margin-bottom: 12px;}


/* LIENS ET IMAGES
----------------------------------------------- */
a, a:link, a:visited{	color: #333333;	text-decoration:underline;}
a:hover{ color: #2c3d88;}
img{	border: 0;}
.align-gauche{	float: left; margin: 0 10px 0 0;}
.align-droite{	float: right; margin: 0 0 0 10px ;}
.centrer{	text-align: center;}


/* HEADER
--------------------------------------- */
#header {width:950px; height:75px; margin:0 auto; text-align:left;}
#header #logo {	padding-top: 10px; float:left;}
#header #logo-monnoyeur {float: right; padding-top:50px;}


/* LISTES
----------------------------------------------- */
#texte ul{ padding-left:60px; list-style:none; color:#5c5c5c; }
#texte ul li{ background:url(/templates/v1/images/interface/liste-puce.gif) no-repeat top left; padding:0 0 7px 15px;}
#texte .grandes-puces li{ background:url(/templates/v1/images/interface/liste-puce-grand.gif) no-repeat top left; padding:0 0 7px 15px;}
#colonne-gauche ul{ list-style: none; color:#5c5c5c;}
#colonne-gauche ul a{ text-decoration: none; color:#5c5c5c; }
#colonne-gauche ul li .col-g-actif{ padding:3px; font-variant:small-caps; font-size:1.2em;}
#colonne-gauche ul .col-g-actif2{ background-color: #f1f0ec; }
#colonne-gauche ul a:hover{ text-decoration: underline; color:black; }
#colonne-gauche ul li{ font-weight:bold; padding:10px 0; border-bottom:1px dashed #999999;  }
#colonne-gauche ul li ul{ padding: 0 0 0 17px; padding-top: 5px; }
#colonne-gauche ul li ul li{ border-bottom:none; line-height:12px; background:url(/templates/v1/images/interface/liste-col-g.gif) no-repeat top left; padding:0 0 4px 7px; font-weight:normal;}
#colonne-gauche ul li ul li ul{ padding-top: 2px;  }
#colonne-gauche ul li ul li ul li{ padding-bottom:1px; }
#texte #onglets-produits{ padding-left:60px; height: 23px; width: auto; background: url(/templates/v1/images/interface/filet-onglets.gif) bottom center no-repeat; margin: 20px 0 10px 0; }
#texte #onglets-produits li{ margin-left: 15px; float:left; width: 120px; height:20px; padding:0 0 0 0; background:  url(/templates/v1/images/interface/onglet-bg.gif) top; text-align:center; line-height:21px;}
#texte #onglets-produits li a{ font-size: 1.2em; color:#2c3d88; text-decoration:none;}
#texte #onglets-produits li a.onglet-on{ font-weight: bold;}


/* BOUTONS
----------------------------------------------- */	


/* FORMULAIRES
----------------------------------------------- */
.connexion{}
#identification input{ border:1px #d9d7ca solid;}
#abonnement input{ border:1px #d9d7ca solid; color:#a3a3a3; padding:2px; }
#formulaire label{width: 80px; display: block; float: left;}
#formulaire input, #formulaire select, #formulaire textarea  { font-size: 1em;}
#cliquez a {height: 27px; width: 88px; border:0; background:url(/images/contenu/cliquer.gif) no-repeat center -27px; text-indent:-9999px; display:block; margin:0 0 0 35px; padding:0px; text-align:center; overflow:hidden; }
#cliquez a:hover {background:url(/images/contenu/cliquer.gif) no-repeat center 0px; }



/* FOOTER
--------------------------------------- */
#footer {background:url(/templates/v1/images/interface/bg-filet-footer.gif) repeat-x top;}
#footer .footer-texte {width: 950px; margin:0 auto;}
#footer a, #footer a:link, #footer a:visited{text-decoration:none;}
#footer a:hover{text-decoration:underline;}
.footer-logo a, .footer-logo a:link, .footer-logo a:visited{background-color: #FFFFFF; padding:0 10px; line-height:27px; text-decoration:none; float: right; line-height:27px;}
.footer-logo a:hover{text-decoration: none;}


/* BOUTONS
----------------------------------------------- */


/* TYPOGRAPHIE + TITRES:
----------------------------------------------- */	
h1, h2{ font-size:2em; font-weight:normal;  padding:0; margin:0 ;}
h1{padding-left: 180px; color:#a3a3a3; padding-top:10px;}
h2{padding-left: 225px;  color:#2c3d88;}
h3{	font-size: 1.3em;	margin: 7px 0 12px 0; font-weight: bold;}
h4{font-size:1em; }
.texte_grand{ font-size: 1.1em}
.italique{font-style: italic;}
.titre-espace-client{ margin: 20px 0 10px 0; width: 94px; height: 19px; background: url(/templates/v1/images/interface/titre-espace-client.gif) no-repeat top left; text-indent: -9999px;}
.titre-actu{ float: left; width: 74px; height: 37px; background: url(/templates/v1/images/interface/titre-actualites.gif) no-repeat right; text-indent: -9999px;}
.titre-services{ float: left; width: 70px; height: 34px; background: url(/templates/v1/images/interface/titre-services.gif) no-repeat right; text-indent: -9999px;}
.actu-txt li .actu-titre{ color:#d0cfc6; font-weight:bold; display:block;}
.texte-bleu{ color:#2c3d88; }
.texte-marron{ color:#acaa9d; }
.texte-grand-marron-cap{ color:#acaa9d; font-size:1.3em; font-weight:bold; line-height:30px; }
.decalage-gauche{padding-left: 20px;}
.decalage-haut{padding-top: 20px;}
.pointilles{ height: 1px; border-bottom: 1px dashed #999999; margin-top: 7px;}


/* MISES EN PAGE
----------------------------------------------- */
#global{ width : auto; background:url(/templates/v1/images/interface/bg-interne3.gif) no-repeat top center; margin: 0 auto; }
#conteneur{	text-align:left; width: 950px; margin: 0 auto; background: url(/templates/v1/images/interface/bg-contenu-interne.gif) top left repeat-y;}
#contenu{ width: 950px; margin-top:35px; }
#titres{ height:95px; background:url(/templates/v1/images/interface/bg-titres.gif) top left no-repeat;}
#texte{ width:750px; padding-top:5px; float:left;}
#zone-texte{ width:530px;   } 
#colonne-gauche{ width:160px; float: left; padding:0 10px 10px 10px;}
#colonne-droite{ width:200px; float: right; padding-left:10px; }
#abonnement{ background-color:#ecebe5; padding:10px; margin-top: 10px; color:#5c5c5c;  }
#plansite{ padding: 0px; margin :0 0 0 5px;}
#plansite ul {
   margin: 0; padding: 0px 0px 0px 0px; 
  }
#plansite ul li {
   margin: 0; padding: 0px 0px 0px 10px;
  }

/* PAGE CATALOGUE
----------------------------------------------- */
.bloc-catalogue{ width : 130px; height: 120px; text-align:center; float:left; background:url(/templates/v1/images/interface/bg-bloc-catalogue.gif) no-repeat bottom right;}
.bloc-catalogue h4{ margin-bottom: 3px;}
.bloc-catalogue h4 a, .bloc-catalogue h4 a:link, .bloc-catalogue h4 a:visited{ text-decoration: none; color:#2c3d88;}
.bloc-catalogue p{ margin:0;}


/* PAGE PRODUIT
----------------------------------------------- */
.ombre { background:  url(/images/contenu/ombre-produit.gif) no-repeat bottom right; margin: 10px 0 10px 10px !important; margin: 10px 0 10px 5px; padding: 0 16px 13px 0; width:430px; }
.boite { text-align:right; }
#diaporama{width:350px; margin-left:88px;}
#diaporama .apercu{ float:left; margin-bottom:7px;}
#diaporama .apercu a{ margin:0 5px 0 0;}
#diaporama .apercu a.photo-active{ border-bottom: 4px #fcd47d solid;}
.tableau-produit{ border:1px; padding:0; margin:0; margin:0 auto; }


/* PAGE Recrutement
----------------------------------------------- */
.date {float: right; color:#86805b; font-size: 1.1em; margin: 0 0 12px 0;}
.retour {}
.retour a, .retour a:visited, .retour a:active{
	background-color: #ecebe5;
	text-align: right;
	padding:9px 30px 11px 0px;
	display: block;
	background-image: url(../images/interface/retour.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-decoration: none;
	color: #5c5c5c;
	font-weight:bold;
}
.retour a:hover{ background-color: #d9d7ca; color:#fff}

.postuler {
	margin: 10px 0 0 230px;
	width:102px;
	height:31px;
	background:url(/templates/v1/images/interface/bton-postuler.gif) no-repeat left -31px;
}
.postuler:hover {
	background:url(/templates/v1/images/interface/bton-postuler.gif) no-repeat left 0px; cursor:pointer;
}

#postuler-table {
	color:#333;
	width:700px;
	}

#postuler-table input {
	border:1px solid #d9d7ca;
	}

#envoyer a {
 height: 27px;
 width: 88px; 
 border:0; 
 background:url(/templates/v1/images/interface/btn-envoyer.gif) no-repeat left -27px; 
 text-indent:-9999px; 
 display:block; 
 margin:0;
 padding:0px;
 overflow:hidden; 
}
#envoyer a:hover{
background:url(/templates/v1/images/interface/btn-envoyer.gif) no-repeat left 0px;
cursor:pointer;
}

/* HOME
----------------------------------------------- */
#global-home{  background:url(/templates/v1/images/interface/bg-home3.gif) repeat-x top; width : auto; margin: 0 auto;}
#contenu-home{ width: 1020px; margin-top:10px; background:url(/templates/v1/images/interface/bg-home-gauche.gif) top left repeat-y; }
/* #contenu-home{ width: 950px; margin-top:10px; background:url(/templates/v1/images/interface/bg-home-gauche.gif) top left repeat-y; } */
#animation{ text-align: center; height: 185px;}
#animation img{margin-top:20px; }
#identification{ font-size:0.9em; color: #a3a3a3; }
#identification a, #identification a:link, #identification a:visited{color: #a3a3a3;} 
.actu{ width:445px; margin:5px 10px 0 10px; float:left;}
*html .actu{ width:455px; margin:5px 5px 0 5px; float:left;}
.actu a, .actu a:link, .actu a:visited{ text-decoration:none;}
.actu a:hover{ text-decoration:underline;}
.actu2{ width:280px; margin:5px 0 0 0; float:left;}
.actu2 a, .actu a:link, .actu a:visited{ text-decoration:none;}
.actu2 a:hover{ text-decoration:underline;}
.actu-txt{ margin:10px 0 0 30px; list-style:none;}
.actu-txt li{ border-bottom: 1px #999999 dashed; margin-bottom:13px; padding-bottom:13px; }


/* ADMIN
----------------------------------------------- */


/* MENU
----------------------------------------------- */
#menu {	height:21px; text-align:left; float: right;	margin: 55px 40px 0 0;}
#menu li { float: left; list-style: none; width:100px;	text-align:center;	line-height:19px;}
#menu li a { display: block; color: #666; padding-bottom: 6px; text-decoration: none;}
#menu a:hover { color: #000;}

body#accueil-on a#accueil { background:url(/templates/v1/images/interface/bg-onglet.gif) no-repeat top center; color:#05196f; font-weight:bold;}
body#aprolis-on a#aprolis { background:url(/templates/v1/images/interface/bg-onglet.gif) no-repeat top center; color:#05196f; font-weight:bold;}
body#notre-offre-on a#notre-offre { background:url(/templates/v1/images/interface/bg-onglet.gif) no-repeat top center; color:#05196f; font-weight:bold;}
body#reseau-on a#reseau { background:url(/templates/v1/images/interface/bg-onglet.gif) no-repeat top center; color:#05196f; font-weight:bold;}
body#catalogue-on a#catalogue { background:url(/templates/v1/images/interface/bg-onglet.gif) no-repeat top center; color:#05196f; font-weight:bold;}
body#recrutement-on a#recrutement { background:url(/templates/v1/images/interface/bg-onglet.gif) no-repeat top center; color:#05196f; font-weight:bold;}


/* INITIALISATION:
----------------------------------------------- */	
.spacer {	overflow: hidden;	clear: both;	height: 1px;	margin: -1px 0 0 0;	font-size: 1px;}
div.clearer {  clear:both; height:0; line-height:0; font-size:0}
.clearfix:after {  content:".";    display:block;    height:0;    clear:both;    visibility:hidden;}
.clearfix {    display:inline;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
.clear-catalogue{float:left; width:480px;} 
br.clearBoth { clear: both; }
br.clearRight { clear: right; }
br.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearLeft{ clear: left; }

/* RESEAU-FLASH
----------------------------------------------- */

#flash-reseau { width:900px; height:650px; display:block; margin-left:50px;}