/* CSS Document */

/*----------------------------*/
/*++++ BALISES GENERALES +++++*/
/*----------------------------*/

body ,html
{
	margin           : 0;
	padding          : 0;
	font-family      : Arial, Helvetica, sans-serif;
	font-size        : 11px;
}

img
{
	border : none;
}

p
{
	margin           : 0;
	padding          : 0;
}

/* afficher ou cacher les questions dans la page FAQ   */
.question
{	
	display             : block;
	margin              : 10px 10px;
	padding-left        : 10px;
	background-image    : url(../images/puce-titre-contenu.gif);
	background-repeat   : no-repeat;
	background-position : 0px 45%;
	text-decoration     : none;
}

.hidetd
{
	display          : none;
	visibility       : hidden;
}
.afftd
{
	display          : block;
	visibility       : visible;
	background-color : #264F8C;
	margin           : 5px 0 10px 10px;
	padding          : 5px;
	font-size: 11px;
	color: #D2EEFF;
}


.img-shadow 
{
	padding          : 0;
	width : 144px;
}

.img-shadow p
{
	font-weight : bold;
	margin-bottom : 10px;
	text-align : center;
}

.img-shadow a 
{
	display          : block;
	margin           : 0px 2px 4px 0px;
	padding          : 1px;
	border           : 1px dotted #fff;
}
.img-shadow a:hover 
{
	border           : 1px solid #fff;
}
/*----------------------------*/
/*++++++++ CONTENEUR  ++++++++*/
/*----------------------------*/

div#global 
{
	background       : url(../images/bg-global.jpg) repeat-y;
	position         : relative;
	margin           : 0 auto; 	
	width            : 948px;
	margin-top       : 15px;
}

/*------------------ BANDEAU SUPERIEUR AVEC MAIN MENU ------------------------*/
div#header 
{
	position         : relative;
	height           : 152px;
	background       : url(../images/bg-header-page.jpg)  top;
}
div#header ul, div#header li, div#footer ul, div#footer li, .garanties
{
	list-style-type     : none;
	margin              : 0;
	padding             : 0;
}

.garanties li 
{
	list-style-type     : none;
	padding             : 2px 10px;
	font-weight         : bold;
	background-image    : url(../images/puce-garantie.gif);
	background-repeat   : no-repeat;
	background-position : 0px 45%;
	font-size: 11px;
	line-height: 1em;
}
div#header #zone-index /* retour sur la page d'accueil du site */
{
	float: left;
	width : 160px;
	height: 137px;
	margin-left: 34px;
	margin-top : 10px;
	text-decoration:none;
}

div#header #main-menu
{
	position         : absolute;
	bottom           : 0;
	right            : -7px;;
	height           : 35px;
}

div#main-menu ul, div#main-menu li
{
	float            : left;
	margin           : 3px 10px ;
}

div#main-menu a
{
	color               : #FFFFFF;
	text-transform      : uppercase;
	text-decoration     : none;
	padding-left        : 10px;
	background-image    : url(../images/puce-main-menu.gif);
	background-repeat   : no-repeat;
	background-position : 0px 45%;
}

div#main-menu a:hover
{
	color               : #000064;
	background-image    : url(../images/puce-main-menu-over.gif);
	background-repeat   : no-repeat;
	background-position : 0px 45%;
}

/*------------------ CONTENU TEXTE DE LA PAGE WEB  ------------------------*/
#contenu /* Conteneur principal de la partie centrale de la page */ 
{
	height              : 100%;
	background-color    : #076dae;
	margin              : 0 4px;
	color               : #ffffff;
}

#centre
{
	font-size           : 12px;
	width               : 460px;
	padding             : 25px;
	color               : #ffffff;
	float               : left;

}
#centre #tbl-real
{
	width : 90%;
	margin : 15px auto;
}


#centre-module /* page spéciale pour intégrer le module PHP */
{
	width               : 680px;
	padding             : 20px 12px 12px 35px;
	margin              : 0;
	float               : left;
	/*height: 600px;*/
 
}
.marques/*--------- FIN DU FOOTER --------------------*/
 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;

}


#centre h3
{
	font-size           : 14px;
	font-style          : italic;
	margin              : 0;
	padding-top         : 5px;
	color: #CCEAFF;
}
#centre a, #lien-frm-contact a
{
	color               : #ffffff;
}

#centre a:hover, #lien-frm-contact a:hover
{
	color               : #ABD1F8;
} 

.plan-acces
{
	background-image    : url(../images/puce-contenu.gif);
	background-repeat   : no-repeat;
	background-position : -8px 15%;
	padding-left        : 15px;

}

.hr /* traits de séparation */
{
	background-image    : url(../images/trait-sep-hr.gif);
	margin : 20px 0px;
	width: 90%;
	height: 1px;
}

#centre p#chapo
{
	padding             : 0;
	font-style          : normal;
	margin-bottom       : 25px;
	font-size: 12px;
}

#centre p
{
	text-align          : left;
	font-size: 11px;
}

div#centre h2
{
	font-size           : 16px;
	padding-left        : 11px;
	margin              : 0;
	font-weight         : normal;
	background-image    : url(../images/puce-titre-contenu.gif);
	background-repeat   : no-repeat;
	background-position : 0px 50%;

}

#gauche 
{
	position              : relative;
	float                 : left;
	width                 : 210px;
}

#gauche #haut-col-gauche
{
	position            : relative;
	background-color    : #51aadf;
	height              : 87px;	
}

#gauche #haut-col-gauche h1
{
	margin              : 0;
	padding             : 0;
	text-align          : right;
	font-size           : 24px;
	font-weight:normal;
	position            : absolute;
	bottom              : 15px;
	right               : 15px;
	color               : #ffffff;
}


#gauche #bas-col-gauche
{
	margin-top          : 140px;
	background          : url(../images/bg-bas-col-gauche.jpg) repeat-x;
	height              : 250px;
}

#gauche #img-gauche
{
	position            : absolute;
	top                 : 78px;
	right               : 0;
}

#droite 
{
	position            : relative;
	float               : right;
	width               : 224px;
}

#droite #img-droite
{
	position            : absolute;
	top                 : -4px;
	right               : 0;
}

#lien-frm-contact
{
	position            : absolute;
	top                 : 350px;
	right               : 15px;
	width               : 200px;
	text-align          : center;
}
#lien-colonnedroite {
	position            : absolute;
	top                 : 350px;
	right               : 15px;
	width               : 200px;
	text-align          : left;
}


/*++++++++++++++++*/
/*++ FORMULAIRE ++*/
/*++++++++++++++++*/
.label 
{
	width               : 200px;
	font-weight         : bold;
}
.input-contact
{
	border              : 1px solid #515151;
	width               : 250px;
	font-size: 11px;
}

.input-contact-petit
{
	border              : 1px solid #515151;
	width               : 115px;
	font-size: 11px;
}

#msg
{
	border              : 1px solid #515151;
	width               : 250px;
}

#message /* message de confirmation ou d'erreur de l'envoi du parrainage */
{
	text-align          : center;
	font-weight         : bold;
	padding             : 2px 0;
	border              : 1px solid #fff;
}

/*--------- FOOTER (menus, emplois, parrain, actus...) --------------------*/

#footer
{
	clear            : both;
}
#mentions
{
	height           : 90px;
	text-align       : center;
	font-style       : italic;
	color            : #637d95;
	padding-top      : 10px;
	background-image: url(../images/mentions.gif);
	background-repeat: no-repeat;
}

#mentions a
{
	color            : #637d95;
}

#mentions a:hover
{
	color            : #515151;
}

#liens-menu-bas
{
	height           : 26px;
/*	background       : url(../images/liens-menu-bas.jpg) no-repeat; */
	background       : url(../images/liens-menu-bas-afficher.jpg) no-repeat;
}

div#liens-menu-bas #zone-liens-bas
{
	float               : left;
	width               : 942px;
	height              : 26px;
	text-decoration     : none;
}

div#contenu-bas
{
	background          : url(../images/contenu-bas.jpg) no-repeat;
	height              : 145px;
	color               : #000000;	
}
div#documentations
{
	float            : left;
	width            : 195px;
	padding          : 20px 0 0 25px;
}

div#documentations a
{
	color               : #000000;
	padding-left        : 10px;
	line-height         : 1.5em;
	background-image    : url(../images/puce-doc.gif);
	background-repeat   : no-repeat;
	background-position : 0px 45%;
}

div#documentations a:hover
{
	color            : #9ac704;
}

div#emplois
{
	float            : left;
	width            : 157px;
}

.lien-suite
{
	border-top          : 1px dotted #515151;
	border-bottom       : 1px dotted #515151;
	padding             : 3px 10px;
	margin-top          : 5px;
	color               : #000000;
	font-weight         : bold;
	text-decoration     : none;
	background-image    : url(../images/puce-lien-suite.gif);
	background-repeat   : no-repeat;
	background-position : 0px 45%;
}

.lien-suite:hover
{
	color               : #cb282d;
}

div#parrain
{
	float            : left;
	width            : 154px;	
	padding          : 0 0 0 10px;

}

div#parrain h2
{
	color            : #efab09;
	font-size        : 12px;
	font-weight      : bold;
	margin           : 0;
}

div#parrain a
{
	color            : #cb282d;
	display          : block;
	width            : 110px;
	margin-left      : 5px
}
/*------------------------------------------*/
/*-GESTION DES ACTUS, EMPLOI FOOTER   ------*/
/*------------------------------------------*/
div#actus
{
	float            : left;
	width            : 350px;
	padding-left     : 10px;
}
div#liste-actus, div#liste-emploi, div#contenu-parrain
{
	margin           : 0;
	padding          : 10px 0 0 4px;
	height           : 110px;
}
div#liste-actus .titre-actu
{
	margin           : 10px 0 1px 0;
	padding          : 0;
	font-weight      : bold;
}

#tbl-logos img
{
	border           : none;
}
#tbl-logos   p 
{
	font-size        : 12px;
	font-weight      : bold;
	padding: 15px;
}
#lien-colonnedroite a {
	color: #FFFFFF;

}
#lien-colonnedroite a:hover {
	color: #ABD1F8;
}

.clear{
clear:both;
}