/* CSS Document */

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

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

ul,li
{
	list-style-type     : none;
}
img
{
	border           : none;
}

/*----------------------------*/
/*++++++++ CONTENEURS ++++++++*/
/*----------------------------*/

div#global 
{
	position         : relative;
	width            : 952px;
	height           : 712px;
	margin           : 15px auto;
}
/*------------------ BANDEAU SUPERIEUR AVEC MAIN MENU ------------------------*/
div#header 
{
	position         : relative;
	height           : 478px;
	background       : url(../images/bg-header-page.jpg)  top;
}

div#header #zone-index /* retour sur la page d'accueil du site */
{
	position         : absolute;
	width : 135px;
	height: 120px;
	margin-left: 45px;
	margin-top : 320px;
	text-decoration:none;
}

div#header h1
{
	margin              : 0;
	padding             : 0;
	font-weight         : normal;
	position            : absolute;
	top                 : 48px;
	left                : 240px;
	color               : #fff;
	text-align          : right;
	font-size           : 18px;
	width               : 170px;
}

span#couleur-titre /* Couleur orangée de la moitié des titres de page*/
{
	font-weight         : bold;
	font-size           : 120%;
	color               : #f29b2f;	
}
div#header #main-menu
{
	position         : absolute;
	top              : 132px;
	height           : 35px;
}

div#main-menu ul, div#main-menu li
{
	margin           : 0 0 0 3px;
	padding          : 0;
}
div#main-menu li

{
	border-bottom    : 1px solid #a3740f;
	padding          : 4px 45px;
}
div#main-menu #dernier
{
	border-bottom    : none;
}

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               : #f29b2f;
	background-image    : url(../images/puce-main-menu-over.gif);
	background-repeat   : no-repeat;
	background-position : 0px 45%;
}

.img-header-D /* Illustration a droite du header (susceptible de changer selon la page affichée) */
{
	position         : absolute;
	right            : 6px;
	bottom           : 45px;
}
.img-header-H /* Illustration en haut du header (susceptible de changer selon la page affichée) */
{
	position         : absolute;
	right            : 6px;
	top              : 4px;
}


/* afficher ou cacher les questions dans la page FAQ   */
.question
{	
	display             : block;
	font-size           : 12px;
	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;
	color            : #000;
	visibility       : visible;
	border           : 1px dotted #ba6c44;
	background-color : #fff;
	margin           : 5px 0 10px 10px;
	padding          : 5px;
}

/* GALERIE D'IMAGES */
.img-shadow 
{
	padding          : 0;
	float            : left;
}

.img-shadow a 
{
	display          : block;
	margin           : 0px 2px 4px 0px;
	padding          : 1px;
}
.img-shadow a:hover 
{

}

/*------------------ CONTENU  (texte et images) PAGE WEB  ------------------------*/
div#contenu , div#contenu-opportunites
{
	color               : #fff;
	position            : absolute;
	top                 : 114px;
	left                : 224px;
	width               : 455px;
	height              : 350px;
	overflow            : auto;
	padding-right       : 10px;
	background-color: #AF6341;
}

div#contenu-opportunites
{
	width               : 700px;
	height              : 330px;
}
div#contenu  hr
{
	border              : none 0;
	border-top          : 1px dotted #79002f;
	width               : 80%;
	height              : 1px;
}

div#contenu  p
{
	text-align          : left;
	font-size           : 11px;
	margin: 0px;
	padding-left: 12px;
}

#contenu .chapo
{
	padding             : 0;
	font-style          : normal;
	font-weight         : bold;
	margin-bottom       : 25px;
	font-size: 12px;
	margin-top: 0px;
}

div#contenu a
{
	color               : #fff;
	font-weight         : bold;
}

div#contenu a:hover
{
	color               : #e99431;
}

div#contenu h2
{
	font-size           : 14px;
	padding-left        : 11px;
	margin-bottom       : 20px;
	font-weight         : normal;
	background-image    : url(../images/puce-titre-contenu.gif);
	background-repeat   : no-repeat;
	background-position : 0px 15%;
	margin: 0;
	color: #E9DEC9;

}

ul.liste-contenu {
	margin              : 0 0 0 15px;
	list-style-image    : url(../images/puce-garantie.gif);
}

ul.liste-contenu li.document-pdf{
	line-height:16px;
	background-image    : url(../img/picto_doc-pdf.gif);
	background-repeat   : no-repeat;
	background-position : left center;
	padding-left:35px;

}


.liste-contenu 
{
	font-size           : 11px;
	padding             : 2px 0 2px 15px;
}

.tbl-partenaires
{
	width               : 100%;
	border-collapse     : collapse;	
}	

.tbl-partenaires td
{
	padding             :  4px 10px;
	border-bottom       : 1px solid #ccac73;	
}	

/*++++++++++++++++*/
/*++ FORMULAIRE ++*/
/*++++++++++++++++*/
.label 
{	
	width               : 170px;
	font-weight         : bold;
}
.input-contact
{
	width               : 250px;
	border 				  : 1px solid #CCCCCC;
}

.input-contact-petit
{
	width               : 115px;
	border 				  : 1px solid #CCCCCC;
}

#btn_valid
{
	border 				  : 1px solid #CCCCCC;
	background-color 	  : #BB6D49;
	color 				  : #FAFFFE;
}

#msg
{
	width               : 250px;
	border 				  : 1px solid #CCCCCC;
}
#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;
}

/*------------------ CONTENU  (actus, menu secondaire) Du bas de LA PAGE WEB  ------------------------*/
div#milieu 
{
	position         : relative;
	height           : 133px;
	width            : 952px;
}

div#actus
{
	float            : left;
	width            : 696px;
	height           : 133px;
	background       : url(../images/bg-actus-page.jpg)  left top no-repeat;
}

div#parrain 
{
	float            : right;
	margin           : 18px 5px 5px 0;
	padding          : 0;
	width            : 305px;
}

div#parrain h2
{
	border-bottom    : 1px dotted #c3c3c3;
	color            : #efab09;
	font-size        : 12px;
	font-weight      : bold;
	padding-bottom   : 2px;
	width            : 237px;
}
div#parrain a
{
	color            : #cb282d;
	display          : block;
	width            : 237px;
}

div#parrain a:hover
{
	color            : #844118;
}

div#menu-sec
{
	float            : left;
	width            : 256px;
	height           : 133px;
	background       : url(../images/bg-menu-sec-page.jpg)  left top no-repeat;
}

#liste-menu-sec
{
	margin              : 0;
	padding             : 0;
	position            : absolute;
	right               : 45px;
	bottom              : 86px;
}

div#menu-sec li 
{
	border-bottom       : 1px dotted #c3c3c3;
	margin              : 0;
	padding-bottom      : 2px;
	width               : 183px;
}

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

div#menu-sec a:hover
{
	color            : #f29b2f;
}

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

div#footer 
{
	position         : relative;
	height           : 57px;
	width            : 787px;
	padding-left     : 165px;
	background       : url(../images/bg-footer.jpg)  left top no-repeat;
}

div#footer p
{
	position         : absolute;
	bottom           : -1px;	
	margin           : 0;
	padding          : 0;
	font-style       : italic;

}

div#footer a
{
	color            : #000000;
}

div#footer a:hover
{
	color            : #f29b2f;
}

div#footer #zone-artis /* visiter le site Artis */
{
	position         : absolute;
	top              : 5px;
	left             : 85px;
	width            : 40px;
	height           : 40px;
	text-decoration  :none;
}
/*--------- FIN DU FOOTER --------------------*/

#table-photos{
	margin-top:20px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 1px solid;
	border-color: #AF6341;
}

#centre-module a.email{
	text-decoration:none;
	color: #FF9900;
}

#centre-module a.email:hover{
	text-decoration:underline;
}