@charset "UTF-8";
/****************************
 *  Document CSS            *
 *  La Proximité Carrefour  *
 *  2010                    *
 ****************************/ 


/******* Normalise les balises ********/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin:0; padding:0; }

h1, h2, h3, h4, h5, h6
{ font-size:100%; }

ol, ul
{ list-style:none; }

table
{ border:0; }

fieldset, img
{ border:0; }

caption, th
{ text-align:left }

q:before, q:after
{ content:''; }
body {
	background-color: #FFFFFF;
}


/************************************/
#contenant {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 850px;
}
#header {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 850px;
	height: 60px;
}
/* CSS Document */

#header .baseline {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#contenu {
	position: relative;
}
#contenu #col_gauche {
	float: left;
	width: 616px;
	position: relative;
}
#contenu #col_droite {
	float: right;
	width: 218px;
	position: relative;
	text-align: right;
}
#contenu #menu_header {
	position: relative;
	margin-bottom: 10px;
	/*z-index: 100;*/
}
#contenu  #menu_nav {
	float: left;
	width: 120px;
	position: relative;
	margin-top: 20px;
}
#contenu #page { 
	float: right;
	width: 470px;
	position: relative;
}
#footer {
	position: relative;
	clear: both;
}
#menu_footer_enseignes {
	text-align: center;
	position: relative;
	margin-top: 20px;
}
#menu_footer {
	margin-top: 20px;
	margin-bottom: 10px;
	width: 850px;
	clear: both;
}

/******** la Home ***********/

.slideshow {
	height: 311px;
	width: 309px;
	float: left;
	position: relative;
	margin-right: 11px;
}
/*.slideshow img { height: 311px; width: 309px;  }
*/


#contenu_home {
	position: relative;
	width: 850px;
}
#contenu_home  #col_droite {
	float: right;
	width: 207px;
	position: absolute;
	text-align: right;
	right: 0px;
	top: 0px;
}
#contenu_home #col_droite img {
	margin: 0px;
}
#contenu_home #page {
	float: left;
	position: relative;
	width: 640px;
}
#contenu_home #page img {
	float: left;
	position: relative;
	margin-right: 11px;
	margin-bottom: 11px;
}
#actu {
	width: 189px;
	position: relative;
	float: right;
	
	padding: 9px;
	text-align: left;
	margin-top: 11px;
	margin-bottom: 11px;
	height: 322px;		
	background-color: #B3B3B3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(js/border-radius.htc);
}






#offre_emploi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFFFFF;
	text-align: left;
	padding-top: 5px;
	height: 18px;
	background-color: #7EAABE;
	position: relative;
	width: 207px;
	float: right;/*	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(js/border-radius.htc);*/
	text-indent: 38px;
}
#offre_emploi a{
	background-color: #7EAABE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(js/border-radius.htc);

}
#contenu_home  .logo {
	background-image: url(../images/home/fond_emploi.gif);
	background-repeat: no-repeat;
	background-color: #7EAABE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(js/border-radius.htc);
}
#contenu_home #qdm {
	height: 69px;
	width: 309px;
	position: relative;
	margin-bottom: 10px;
	float: left;
}
#contenu_home #qdm a {
	background-image: url(../images/home/question-du-mois-out.jpg);
	background-repeat: no-repeat;
	height: 41px;
	width: 259px;
	position: relative;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFF;
	font-weight: bold;
	padding-top: 28px;
	line-height: 100%;
	padding-left: 10px;
	padding-right: 40px;
	text-decoration: none;
}
#contenu_home #qdm a:hover {
	background-image: url(../images/home/question-du-mois-over.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}