@charset "UTF-8";

/*-----------*/
/* CSS INDEX */
/*-----------*/

/* -- NUANCIER -- */
/* GRIS:  #616163 */
/* ROUGE: #b3071b */

body, div, span, p, img, a, a img
{
	padding:0;
	margin:0;
	border:0;
}


body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #616163;
	z-index: 1;
	margin: 0 30px 0 30px;
}

#base
{
	height:auto;
	min-height: 600px;
	max-width: 1000px;
	min-width: 810px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 15px;
	padding: 0px;
	border: solid 1px #616163; /* CADRE GRIS */
	z-index: 1;
}

#header
{
	height: 120px;
	max-width: 1000px;
	min-width: 810px;
}

#logo
{
	margin: auto;
	background: #b3071b; /*HELP*/
	width: 190px;
	height: 85px;
	position: relative;
	top: -15px;
}


#corps
{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	min-height: 480px; 
	margin: auto;
	padding-bottom: 10px;
}

#image
{
	display: block;
	width: 100%;
	height: 150px;
}

#menujs /* ESPACE RESERVE AU MENU, MAIS PAS A SON STYLE ! - voir autre page CSS */
{	
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 18px;
	z-index: 50;
}

#contenertxt
{
	width: 63%;
	height: auto;
	min-height: 280px;
	margin: auto;
	margin-top: 40px;
	overflow: auto;
	padding-right: 10px;
}

#adresse
{
	width: 136px;
	height: auto;
	position: absolute;
	right:5px;
	bottom: 5px;
	text-align: right;
	overflow: hidden;
	font-size: x-small;
}

#citation /* CITATION PAGE D'INTRO */
{
	margin: auto;
	width: 480px;
	height: 270px;
	overflow: hidden;
}



#mail /* FORMULAIRE MAIL */
{
	margin: auto;
	width: 480px;
}
legend
{
	font-size:0.85em;
}

#mail input
{
	margin: 0 0 3px 0;
}
#mail input[type="text"]
{
	width:350px;
}
#mail input#npa
{
	width:60px;
}
#mail input#ville
{
	width:284px;
}
#mail label
{
	display:inline-block;
	width:90px;
	margin-top: 3px;
}
#mail label[for="m"], #mail label[for="mme"]
{
	width:auto;
}
#mail label[for="npa"], #mail label[for="ville"]
{
	width:43px;
}
#mail textarea
{
	width:440px;
	max-width:440px;
	padding:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input[type="text"], input[type="password"]
{
	border:0;
	background-color:#eeeeee;
	padding:1px;
}


a /* LIENS */
{
	color: #b3071b;
	text-decoration: none;
}

a:hover 
{
	cursor:pointer;
}




ul /* LISTES */
{
	list-style-type: square;
}

.erreur
{
	color:#FF3C26;
}



/* GALERIE PHOTOS */

.album_photo a.thumb img
{
	border:2px solid #FFFFFF;
	width:100px;
	height:100px;
}
.album_photo a.thumb:hover img
{
	border:2px solid #b3071b;
}
.album_photo a.thumb .voir_album
{
	position:relative;
	top:-23px;
	left:4px;
	display:block;
	width:96px;
	height:16px;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	background-color:#b3071b;
	padding:0px 0 0 0;
	margin-bottom:-14px;
}


/* RH_EMPLOI */

.left_title {
	width:48%;
	background-color:#66CC99
}

.right_content {
	width: 50%;
	background-color:#FF9933
}



/* CSS pour ADMIN */
.titre1{
	font-size:1.2em;
	font-family:"trebuchet MS", verdana, sans-serif;
	letter-spacing:0.07em;
	}
.info_small{
	font-size:0.85em;
	}
.plus_grand{
	font-size:1.2em;
	}
.centrer_txt{
	text-align:center;
	}
.droite_txt{
	text-align:right;
	}