@charset "utf-8";
/* CSS Document */

/* Hacks ----

!important;			Ignorer par IE6 et moins, si une autre declaration apres
!important!;		Ignorer par IE7 et moins, si une autre declaration apres
_					IE6 et moins
-					IE6 et moins
*					IE7 et moins
>					IE7 seulement

----fin hacks */


/*****************/
/* Index */
/*****************/

body{ font-family: Helvetica, Arial, sans-serif; margin: 0px; background:url(../img/back.jpg) #FFFFFF repeat-x;}

#wrap{ margin: 0 auto; width: 830px; height:auto; }

#foot { background-image:url(../img/foot-back2.jpg); background-repeat:repeat-x; height:55px;}

.clear { clear:both; }

/*****************/
/* Entete */
/*****************/

#header { width:830px; height: 290px;}

#logo { float:left; }

#plan { float:right; text-align:right; width:200px; font-size:11px; font-weight:bold; color:#000000; margin-top:10px;}

#plan a { color:#000000; font-weight:bold; text-decoration:none; }
#plan a:hover { text-decoration:underline; }

#plan a.email { color:#bad057; font-weight:bold; text-decoration:none; }
#plan a.email:hover { text-decoration:underline; }

#banniere { clear:both; height:150px;}

#flash { float:left; width:325px; margin-top:8px; }

#texte { float:right; width:505px; text-align:center; padding: 40px 0 0;}
.citation { font-family: "Century Gothic"; font-size:20px; color: #6d6d6d; margin:0; font-weight:normal; }
.citationHautPage{font-size:19px; color:#434343; margin:0; font-weight:normal;}
.highlight { color:#fcfdfc; font-weight:bold; }

#navi { margin-top:2px; }

#apropos { display: block; width: 158px; height: 38px; background: url(../img/apropos.jpg) no-repeat 0 0; }
#apropos:hover { background-position: 0 -38px; }
#apropos span { display:none; }
.menu_top_over{background-position: 0 -38px;}
#apropos_on { display: block; width: 158px; height: 38px; background: url(../img/apropos.jpg) no-repeat 0 -38px; }
#apropos_on span { display:none; }

#profil { display: block; width: 157px; height: 38px; background: url(../img/profil.jpg) no-repeat 0 0; }
#profil:hover { background-position: 0 -38px; }
#profil span { display:none; }

#profil_on { display: block; width: 157px; height: 38px; background: url(../img/profil.jpg) no-repeat 0 -38px; }
#profil_on span { display:none; }

#offres { display: block; width: 157px; height: 38px; background: url(../img/offres.jpg) no-repeat 0 0; }
#offres:hover { background-position: 0 -38px; }
#offres span { display:none; }

#offres_on { display: block; width: 157px; height: 38px; background: url(../img/offres.jpg) no-repeat 0 -38px; }
#offres_on span { display:none; }

#services { display: block; width: 157px; height: 38px; background: url(../img/services.jpg) no-repeat 0 0; }
#services:hover { background-position: 0 -38px; }
#services span { display:none; }

#services_on { display: block; width: 157px; height: 38px; background: url(../img/services.jpg) no-repeat 0 -38px; }
#services_on span { display:none; }

#contact { display: block; width: 157px; height: 38px; background: url(../img/contact.jpg) no-repeat 0 0; }
#contact:hover { background-position: 0 -38px; }
#contact span { display:none; }

#contact_on { display: block; width: 157px; height: 38px; background: url(../img/contact.jpg) no-repeat 0 -38px; }
#contact_on span { display:none; }

/*****************/
/* Contenu */
/*****************/

#content { clear:both; height:auto; width:830px; }

#col-g { float: left; width: 313px; height:auto; }

#menu-g { background:url(../img/menu-g.jpg) no-repeat; width:253px; height:auto; padding: 30px; font-size:14px; }

table.list_menu { margin: 10px 0; }

table.list_menu td{ padding-bottom: 5px; }

table.list_menu a{ color:#000000; text-decoration:none;}
table.list_menu a:hover{ text-decoration:underline;}

.inline { display:inline;}

#menu_offres { padding-bottom: 30px; }

.offre_soustitre { background:url(../img/offre_soustitre.jpg) no-repeat; line-height:22px; font-size:14px; padding-left:30px; }
.offre_soustitre a{color:#000000; text-decoration:none;}
.offre_soustitre a:hover{color:#000000; text-decoration:underline;}
.offre_texte { font-size:14px; padding: 10px 15px 10px 30px; }

#col-d { float: right; width:445px; height:auto; padding: 20px; *padding:20px 15px;}

.titre { font-size: 19px; margin: 5px 0; font-weight:normal;}

.titre2 { font-size: 19px; margin: 5px 0; font-weight:bold; color:#BBD057; text-align:center;}

.center_text { text-align:center; font-weight:bold; font-size:16px; padding-top:10px; }

.soustitre { font-weight:bold; text-decoration:underline; }

.main_texte { font-size: 14px; }


/*****************/
/* Foot */
/*****************/

#footer { clear:both; background-image:url(../img/foot.jpg); background-repeat:no-repeat; height: 87px;}

#foot_wrap { margin: 0 auto; width: 830px;}

#foot_text { font-size:11px; line-height:40px; text-align:center; color:#000000; font-weight:bold; padding-bottom:10px; }

#foot_text a{ color:#000000; text-decoration:none; font-weight:bold;}
#foot_text a:hover{ text-decoration:underline;}

#copywrite { float:left; font-size:12px; color:#44464b; }
#foot_webit { float:right; }

/*****************/
/* General */
/*****************/

img { border: 0} 

/* Hack IE6 pour inline du menu */
.item { display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top; word-wrap:break-word; margin-right: -5px; *margin-right:0px; _margin-right:0px;}  
* html .item { display:inline; }  
* + html .item { display:inline; }  
.item > * { display:table; table-layout:fixed; overflow:hidden;}  

/*****************/
/* Modif */
/*****************/
#photoJessica{padding-bottom:10px;}
#motVert{ color: #a3cd39; font-weight:bold;}
	

#espaceVide{height:59px;}
#espaceVide2{height:15px;}
#espaceVide3{height:25px;}
#espaceVide4{height:25px;}
#espaceVide5{height:59px;}
#espaceVide6{height:25px;}
#espaceVide7{height:30px;}
#espaceVide8{height:65px;}
#espaceVide9{height:30px;}
#imageFacebook{ padding-left:50px;}
#imageLinked{ padding-left:65px; padding-top:10px;}
/*#photoCommentaire2{ padding-left:45px;} */

/*****************/
/* Formulaire */
/*****************/
input,submit,textarea{
	background-color: #FFFFFF;
	color: #555555;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style:solid;
	font-size: 12px;
	font-family: "Century Gothic";
	
}

.formText{ width:285px;}


/*****************/
/* ul Contact */
/*****************/
ul.contact { list-style-type:none;
	padding-left:0;
	margin-left:0;
	margin-top:0;
	}

ul.contact li { line-height: 25px}

.postesTitre {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:100;
	width:80%;
	*width:78%;
}
.postesTitreDate{
color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:100;
	width:20%;
	*width:22%;
}
div a.linkPage{ color:#666; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:3px; border:1px #ccc solid; text-decoration:none; }
div a.linkPage:hover{ color:#666; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:3px; border:1px #ccc solid;background:#DCEECA; }
div a.active{ color:#666; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:3px; border:1px #ccc solid;background:#DCEECA; }
.posteLien{ color:#333333; text-decoration:none;}
.posteLien:hover{ text-decoration:underline;}
/*.dateIE{ _font-size:12px;  *font-size:12px;  }*/
/*\*//*/.dateIE{ _font-size:10px;  *font-size:12px;  }/* */