﻿/* CSS Document */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link, :visited
{
	text-decoration: none;
}

/* no list-markers by default, since lists are used more often for semantics */
ol
{
	list-style: none;
}

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1, h2, h3, h4, h5, h6, pre, code
{
	font-size: 1em;
}

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ol, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset
{
	margin: 0;
	padding: 0;
}

/* whoever thought blue linked image borders were a good idea? */
a img, :link img, :visited img
{
	border: none;
}

/* de-italicize address */
address
{
	font-style: normal;
}

/* more varnish stripping as necessary... */

body
{
	margin: 0px;
	padding: 0px;
	color: #000000;
	background-image: url(../images/background.jpg);
	background-position: bottom center;
	background-repeat: no-repeat; /*background-color:#d3d3aa;*/
	background-color: #d3d3aa;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
hr
{
	border: dashed 1px #828186;
	margin-top: 10px;
	margin-bottom: 10px;
}
.bouton
{
	font-family: tahoma;
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
	background-color: #D76B2A;
	border: 1px solid #e3e3e3;
	padding: 5px;
}
#logo
{
	position: absolute;
	float: left;
	margin-left: 47px;
	margin-top: 41px;
}
a
{
	text-decoration: none;
	color: #ffffff;
}

#conteneur
{
	width: 969px;
	height: 100%;
	margin: 0px auto;
}
#header_flash
{
	background: none repeat scroll 0%;
	z-index: -1 width: 400px;
	height: 200px;
	position: absolute;
	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
}
#header
{
	line-height: 20px;
	width: 969px;
	height: 253px;
	z-index: -3; /*background-image:url(../images/header.jpg); 	background-repeat:no-repeat;*/
}
#header_sous_page
{
	line-height: 20px;
	width: 969px;
	height: 253px;
	background-image: url(../images/header_sous_page.jpg);
	background-repeat: no-repeat;
}
#titre_header
{
	display: block;
	padding-left: 350px;
	padding-top: 78px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #FFFFFF;
	font-weight: 700;
}
#titre_header span
{
	padding-top: 5px;
	padding-left: 270px;
	color: #7a8997;
	display: block;
}
#content
{
	background-image: url(../images/bg_content.jpg);
	background-repeat: repeat-y;
}
#content_gauche
{
	background-image: url(../images/bg_content_gauche.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 713px;
}
#content_gauche_sous_page
{
	float: right;
	width: 713px;
}
#content_gauche_sous_page a
{
	color: #414042;
}
#content_gauche_sous_page a:hover
{
	color: #000000;
}
.photo_nouvelle
{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	border: #012545 solid 1px;
	padding: 3px;
}
#accroche
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	width: 370px;
	float: right;
	font-size: 12px;
	color: #002545;
	height: 202px;
}
#accroche li
{
	list-style: url(../images/puce2.gif);
	margin: 0px;
	padding: 0px;
}
#accroche ul
{
	margin: 12px;
	margin-left: 15px;
	padding: 2px;
}

a.offres
{
	background-color: #EFC8AF;
	display: block;
	padding: 0px;
	margin: 0px;
	width: 231px;
	font-size: 11px;
	padding-left: 20px;
}
a:hover.offres
{
	background-color: #DF9462;
	display: block;
	padding: 0px;
	margin: 0px;
	width: 231px;
	font-size: 11px;
	padding-left: 20px;
}
a:hover.offres2
{
	background-color: #DF9462;
	display: block;
	padding: 0px;
	margin: 0px;
	width: 231px;
	font-size: 11px;
	padding-left: 20px;
}
a.offres2
{
	background-color: #E7AD87;
	display: block;
	padding: 0px;
	margin: 0px;
	width: 231px;
	font-size: 11px;
	padding-left: 20px;
}

.espacement
{
	margin-left: 20px;
}
#centre_sous_page ul
{
	padding-left: 15px;
	margin: 5px;
}
#milieu_gauche
{
	float: left;
	width: 250px;
	padding: 3px;
	padding-left: 85px;
	padding-top: 29px;
}
#milieu_droite
{
	float: left;
	width: 235px;
	padding: 3px;
	margin-left: 85px;
	padding-top: 29px;
}
#centre
{
	margin-left: 45px;
	margin-top: 45px;
	color: #414042;
	padding-right: 40px;
}
#centre_sous_page
{
	margin-left: 45px;
	padding-top: 20px;
	color: #414042;
	padding-right: 40px;
}
h1
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 200;
	font-size: 23px;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
}
h2
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 200;
	font-size: 23px;
	margin: 0px;
	padding-top: 2px;
	color: #d66c2a;
	padding-bottom: 5px;
}
a.mon_h2
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 200;
	font-size: 23px;
	margin: 0px;
	padding-top: 2px;
	color: #d66c2a;
	padding-bottom: 5px;
}
a:hover.mon_h2
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 200;
	font-size: 23px;
	margin: 0px;
	padding-top: 2px;
	color: #414042;
	padding-bottom: 5px;
}


h2 span
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 200;
	font-size: 23px;
	margin: 0px;
	padding-top: 2px;
	color: #828186;
	padding-bottom: 5px;
}
h3
{
	font-family: Arial, Helvetica, sans-serif font-weight:bold;
	font-size: 14px;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	color: #414042;
}
h4
{
	font-family: Arial, Helvetica, sans-serif font-weight:bold;
	font-size: 12px;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #29282B;
}
h5
{
	font-family: Arial, Helvetica, sans-serif font-weight:bold;
	font-size: 12px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #d66c2a;
}
a.suite
{
	font-family: Arial, Helvetica, sans-serif font-size:12px;
	margin: 0px;
	font-size: 10px;
	color: #d56c2a;
}
a:hover.suite
{
	font-family: Arial, Helvetica, sans-serif font-size:12px;
	margin: 0px;
	font-size: 10px;
	color: #361b0a;
}


#footer
{
	background-image: url(../images/bg_footer.jpg);
	background-repeat: no-repeat;
	height: 145px;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#footer_sous_page
{
	background-image: url(../images/bg_footer_sous_page.jpg);
	background-repeat: no-repeat;
	height: 145px;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#footer_droite
{
	padding-left: 42px;
	width: 212px;
	float: left;
	padding-top: 25px;
	line-height: 19px;
}
#footer_gauche
{
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: 17px;
	font-style: italic;
	float: right;
	margin-top: 114px;
	text-align: right;
	padding-right: 45px;
}
#footer_gauche_sous_page
{
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: 17px;
	font-style: italic;
	line-height: 20px;
	float: right;
	width: 400px;
	margin-top: 80px;
	text-align: right;
	padding-right: 45px;
}
#footer_gauche_sous_page2
{
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: 17px;
	font-style: italic;
	line-height: 20px;
	float: right;
	width: 480px;
	margin-top: 80px;
	text-align: right;
	padding-right: 45px;
}
#copyright
{
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}
#menu
{
	float: left;
	margin-left: 40px;
	position: absolute;
}
/*#menu li{
	list-style:none;
	font-weight:700;
	color:#FFFFFF;
	font-size:14px;
	padding-top:14px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
#menu li a:hover{
	list-style:none;
	font-weight:700;
	color:#d66c2a;
	font-size:14px;
	padding-top:22px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
#menu li ul li {
	padding-top:6px;
	margin:0px;
}
#menu li ul {
	
	margin:10px;
	padding:0px;
}*/
#menu li ul li a
{
	font-weight: bold;
	list-style: none;
	background-image: url(../images/puce_f2.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	padding-left: 10px;
	border-bottom: #0f56a2 dotted 1px;
	width: 180px;
	display: block;
	padding-bottom: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#menu li ul li a:hover
{
	font-weight: bold;
	color: #d66c2a;
	list-style: none;
	font-size: 12px;
	padding-left: 10px;
	background-image: url(../images/puce.jpg);
	background-repeat: no-repeat;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.selection
{
	color: #d66c2a;
}
#menu li ul li a.selection_sous
{
	font-weight: bold;
	background-image: url(../images/puce.jpg);
	background-repeat: no-repeat;
	color: #d66c2a;
	font-size: 14px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#menu li ul li a:hover.selection_sous
{
	font-weight: bold;
	background-image: none;
	background-repeat: no-repeat;
	color: #d66c2a;
	font-size: 14px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.MyFieldset
{
	padding: 5px;
}
.bouttonFormulaire
{
}
.opportunite
{
	background-image: url(../images/bg_opportunite.jpg);
	background-repeat: no-repeat;
	padding: 3px;
	padding-left: 35px;
	padding-top: 9px;
}
.mon_h22
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 200;
	font-size: 23px;
	margin: 0px;
	padding-top: 2px;
	color: #d66c2a;
	padding-bottom: 5px;
}
.opportunite2
{
	background-image: url(../images/bg_email.jpg);
	background-repeat: no-repeat;
	padding: 3px;
	padding-left: 35px;
	padding-top: 9px;
	height:20px;
}
.mon_h3
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 200;
	font-size: 14px;
	margin: 0px;
	font-weight:bold;
	padding-top: 2px;
	color: #012545;
	padding-bottom: 8px;
}
#content_gauche_sous_page a.bt_profil
{
	color: #D76B2A;
	font-weight: bold;
}
#content_gauche_sous_page a:hover.bt_profil
{
	color: #414042;
	font-weight: bold;
}
#centre_sous_page .orange
{
	color: #D76B2A;
	font-weight: bold;
}

/* Recaptcha style */
 .recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#FFFFFF !important; /* reCaptcha widget background color */
 }
 
 #recaptcha_table {
   border-color: #FFFFFF !important; /* reCaptcha widget border color */
 }
 
 #recaptcha_response_field {
   border-color: #FFFFFF !important; /* Text input field border color */
   background-color:#FFFFFF !important; /* Text input field background color */
 }
 .recaptcha_r2_c1{
	 background:none;
	 }
