/* CSS Document */

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

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

ul,li
{
	list-style-type  : none;
	margin           : 0;
	padding          : 0;
}

h3 {
	font-size           : 12px;
	margin              : 0;
	padding             : 0;
}

a
{
	color            : #E1D8CC;
	text-decoration  : underline;
	font-size: 11px;
}

a:hover
{
	color            : #9d80a5;
}
img
{
	border           : none;
}
/*----------------------------*/
/*++++++++ CONTENEURS ++++++++*/
/*----------------------------*/

div#global 
{
	position         : relative;
	margin           : 15px auto;
	width            : 983px; 	
	height           : 669px;
	background       : url(../images/bg-header-page.jpg) no-repeat top left;
}
div#global #zone-index /* retour sur la page d'accueil du site */
{
	float: left;
	width : 116px;
	height: 106px;
	margin-left: 64px;
	margin-top : 0px;
	text-decoration:none;
}


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

.hidetd
{
	display          : none;
	visibility       : hidden;
}
.afftd
{
	display          : block;
	color            : #fff;
	visibility       : visible;
	border           : 1px dotted #371c0b;
	background-color : #845635;
	margin           : 5px 0 10px 10px;
	padding          : 5px;
}


.img-shadow 
{
	padding          : 0;
	float            : left;
}

.img-shadow a 
{
	display          : block;
	margin           : 0px 2px 4px 0px;
	padding          : 1px;
	border           : 1px dotted #7e4e30;
}
.img-shadow a:hover 
{
	border           : 1px solid #7e4e30;
}
/*++++++++++++++++*/
/*++ FORMULAIRE ++*/
/*++++++++++++++++*/
.label 
{	
	width               : 170px;
	font-weight         : bold;
	text-align          : left;
}
.input-contact
{
	width               : 250px;
	font-size: 11px;
}

.input-contact-petit
{
	width               : 115px;
	font-size: 11px;
}

#msg
{
	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 #9c80a6;
}


/*------------------ IMAGE DE FOND AVEC MAIN MENU ------------------------*/
div#global #main-menu
{
	position         : absolute;
	top              : 23px;
	right            : 85px;
	height           : 35px;
}

div#global ul, div#main-menu li
{
	float            : left;
	margin           : 6px 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                : #9d80a5;
	background-image     : url(../images/puce-main-menu-over.gif);
	background-repeat    : no-repeat;
	background-position  : 0px 45%;
}

/*------------------ CONTENU  DE LA PAGE WEB  ------------------------*/

/* Image d'illustration en bas a gaiche de la page... */
#img-bas-gauche
{
	position            : absolute;
	bottom              : 155px;
	left                : 23px;
}

/* Image d'illustration en dessous du contenu... */
#img-contenu
{
	position            : absolute;
	bottom              : 230px;
	right               : 0px;
}

/* ----- CONTENU TEXTE DES PAGES ------ */

div#contenu, div#contenu.large
{
	position            : absolute;
	top                 : 94px;
	right               : 26px;
	width               : 671px;
	height              : 350px;
	color               : #E1D8CC;
	text-align          : justify;
	font-size           : 12px;
	overflow: auto;
}
div#contenu.actus {
	position            : absolute;
	top                 : 105px;
	height              : 400px;
	color               : #FFFFFF;
	text-align          : left;
	font-size           : 12px;
	line-height: inherit;
	margin-right: 20px;
	right: 0px;
	width: 450px;

}

div#contenu h2
{
	font-size           : 16px;
	padding-left        : 15px;
	margin              : 0 0 0px 0;
	font-weight         : bold;
	background-image    : url(../images/puce-opportunites.gif);
	background-repeat   : no-repeat;
	background-position : 0px 20%;
	color: #E1D8CC;
}

div#contenu p
{
	margin              : 0px;
	clear               : both;
	text-align          : left;
	font-size           : 11px;
	color: #E1D8CC;
	padding-left: 15px;
}

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

div#contenu ul
{
	padding-left        : 15px;
	margin: 0px;
	margin-left: 15px;
}

div#contenu li
{
	margin              : 1px 0px;
	color: #E1D8CC;
	font-size: 11px;
	list-style-type: square;
}

.hr /* traits de séparation */
{
	border              : none 0;
	border-top          : 1px dotted #FFF;
	width               : 50%;
	height              : 1px;
	margin              : 15px auto;
}



#crayon, #reponse, #projet, #ecoute
{
	display             : none;
	visibility          : hidden;
}

.actualite
{
	display             : none;
	visibility          : hidden;
}

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

.tbl-partenaires
{
	width               : 100%;
	border-collapse     : collapse;	
	margin-top          : 10px;
}	

.tbl-partenaires td
{
	padding             : 7px;
	vertical-align      : middle;
	border-bottom       : 1px solid #845635;	
}	
/* ----- SOUS MENU A L'INTERIEUR DES PAGES ------ */

#menu-interieur
{
	top                 : 95px;
	left                : 215px;
	line-height: 1.6;
	width: 280px;
	position: absolute;
}
#menu-interieur a
{
	color               : #c6b2cb;
	font-size           : 16px;
	text-decoration     : none;

}
#menu-interieur a:hover
{
	color               : #AD9392;
}


#global h1#titre-page
{
	position            : absolute;
	top                 : 130px;
	left                : 30px;
	text-align          : right;
	font-size           : 18px;
	color               : #dac8bc;
	width               : 150px;

}

#btn-opportunites
{
	position             : absolute;
	bottom               : 125px;
	left                 : 60px;;
	padding-right        : 15px;
	background-image     : url(../images/puce-opportunites.gif);
	background-repeat    : no-repeat;
	background-position  : right;
	font-size            : 16px;
	font-weight          : bold;
	text-decoration      : none;
}

div#global #mentions
{
	text-align          : justify;
	position            : absolute;
	left                : 170px;
	bottom              : 25px;
}

div#global #tbl-menu-sec
{
	position            : absolute;
	bottom              : 45px;
	right               : 15px;
	width               : 550px;
	border-collapse     : collapse;
	text-align          : right;
}

div#global #tbl-menu-sec td
{
	vertical-align     : bottom;
	padding-right      : 10px;
}
div#global #tbl-menu-sec td#milieu
{
	border-right       : 1px solid #855536;
	border-left        : 1px solid #855536;
	width              : 130px;
}

div#parrain
{
	text-align        : left;
	padding-left      : 10px;
}

div#parrain h2
{
	color            : #9d80a5;
	font-size        : 12px;
	font-weight      : bold;
	padding-bottom   : 2px;
}
div#global #zone-artis /* visiter le site Artis */
{
	position         : absolute;
	bottom           : 40px;
	left             : 85px;
	width            : 40px;
	height           : 40px;
	text-decoration  :none;
}

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