@charset "ISO-8859-1";
/* CSS Document */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* GLOBAL-- -------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
*{
	outline:none;
	margin:0px;
	padding:0px;
}
html{
	font-family:Verdana, Trebuchet MS, sans-serif;
	font-size:0.7em;
	color:#838383;
	background-color:#F7F7F7;
}
body{
	behavior:url("css/csshover3.htc");
}
h1, img, div {
	behavior: url("../css/iepngfix.htc");	
}
h1{
}
h2{
	font-size:1.5em;
	color:#838383;
}
h4{
	font-size:1.2em;	
}
a{
	color:#838383;
	text-decoration:underline;
}
a:hover{
	color:#9BC141;
}
/* hack pour min-height et float*/
.prop {
    height:177px;
	float:right;
    width:1px;
}
a.thickbox{
	border:none;	
}
div.clear{
	clear:both;	
}
span.small_caps{
	font-variant:small-caps;
}
form span.warning{
	width:429px;
	color:#F00;
	font-size:0.8em;
	padding:0px 0px 0px 0px;
}
span.gras {
	font-weight:bold;	
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* NUAGE DE TAGS --------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
span.Tag1{
	font-size:1.5em;
	font-weight:bold;
	line-height:30px;
}
span.Tag2{
	font-size:1em;
	line-height:30px;
}
span.Tag3{
	font-size:1.2em;
	line-height:30px;
}
span.Tag4{
	font-size:1em;
	font-weight:bold;
	line-height:30px;
}
span.Tag5{
	font-size:1.2em;
	font-weight:bold;
	line-height:30px;
}
span.Tag6{
	line-height:30px;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* HEADER ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
div#top{
	width:100%;
	height:364px;
	background:url(../images/top3.jpg) top center repeat-x;
	position:absolute;
	z-index:10;
}
div#inner-top{
	width:990px;
	margin:0 auto;
	position:relative;
}
div#logo{
	width:429px;
	height:106px;
	padding:0px 0px 0px 20px;
	float:left;
	background:url(../images/logo_full.png) top left no-repeat;
	position: absolute;
	z-index: 100;
}
div#logo h1{
	width:429px;
	height:106px;
	padding-left: 429px;
	position: absolute;
	clip: rect(auto, 429px, 106px, auto);
	clip: rect(auto, 429px, 106px, auto);
	height: 106px;
	z-index:600;
	margin:0px; /* obligatoire pour backoffice sous safari */
}
div#coords{
	width:440px;
	height:71px;
	float:right;
	padding:5px 20px 0px 0px;
}
div#coords img{
	float:left;
}
div#coords h2{
	float:left;
	color:#ebebdf;
	padding-top:10px;
	line-height:25px;
	font-weight:normal;
}
div#coords img.citation2{
	padding-top:35px;
}
div#shadow{
	top: 77px;
	width: 954px;
	position: absolute;
}
div#last_project{
	margin:20px 0px 0px 0px;
	width:990px;
}
div#visuel{
	width:498px;
	height:298px;
	float:left;
	margin-top:18px;
	background:url(../images/floral.png) top left no-repeat;
	position:relative;
}
div#visuel img{
	position:absolute;
	left:150px;
	/*top:-20px;*/
}
div#resume{
	width:470px;
	float:left;
	padding:20px 0px 0px 10px;
	margin:0px;
}
div#resume h1{
	font-size: 1.3em;
	padding-bottom:2px;
	border-bottom:1px solid #333;
}
div#resume p{
	padding-top:10px;
	line-height:20px;
}
div#resume dd{
	margin-left:20px;
	line-height:20px;
}
div#resume dt{
	padding-bottom:10px;
}
div#resume p.plus {
	border:none;
	width:100%;
	height:24px;
}
div#resume p.plus a{
	display:block;
	text-align:center;
	width:101px;
	height:39px;
	line-height:37px;
	float:right;
	color:#838383;
	font-weight:bold;
	text-decoration:none;
	padding-left: 25px;
	background:url(../images/btn_suite.png) top left no-repeat;
	
}
.ui-widget-content a.link{
	float:right;
	color:#838383;
	margin-top:20px;
}
.ui-widget-content a.link:hover{
	color:#9BC141;
}

/* {----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* MIDDLE ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
div#middle{
	width:100%;
	background:url(../images/middle.jpg) top left repeat-x;
	/*background:url(../images/page2.jpg) top center no-repeat;*/
	position:absolute;
	top:364px;
}
div#inner-middle{
	width:990px;
	margin:0 auto;
	height:auto;
	padding-top:60px;
	padding-left:20px;
	padding-bottom:50px;
}
div#part-left{
	width:510px;
	float:left;
	margin: 20px 0px 0px 0px;
}
div#part-right{
	width:440px;
	float:left;
	margin:0px;
	padding:0px;
	padding-top:30px;
	padding-left:20px;
}
div#part-leftVertical{
	margin:0px 0px 0px 0px;
	width:650px;
	float:left;
	padding:0px 10px 0px 10px;
}
div#part-rightVertical{
	width:300px;
	float:right;
	padding-top:53px;
	padding-left:0px;
}
div#part-leftLarge{
	width:955px;
	float:left;
}
div#part-rightLarge{
	width:275px;
	float:right;
	padding-top:30px;
	padding-left:20px;
}
div.part-left p.encart_texte {
	width:460px;
}
div#part-leftVertical p.encart_texte {
	width:660px;
}

div#part-leftVertical div.encart_texte p.cat img{
	width: 12px;
	margin-right: 10px;
}
div#part-leftVertical div.encart_texte {
	background-color:#FFF;
	border:4px solid #DDD;
	margin-bottom: 10px;
	padding: 0px;
	overflow: hidden;
}

div.encart_texte{
	text-align:justify;
}

div.encart_texte h2{
	padding:5px 0px 5px 0px;
	line-height:27px;
	color:#9bc141;
	font-size:1.7em;
	border-bottom: 1px dashed #9bc141;
}
div#part-leftVertical div.encart_texte h2{
	background-color: #F7F7F7;
	border-bottom: 1px dashed #DDD;
}
h2 a{
	color:#9bc141;
	text-decoration:none;
}
div.encart_texte ul{
	list-style-position:inside;
	list-style-image:url(../images/puce_list.png);
}
div.encart_texte p{
	padding:10px 10px 0px 10px;
	line-height:20px;
	margin-bottom:20px;
	clear: both;
}

div.encart_texte p.plus,
div.encartLarge p.plus {
	background: url("../images/btn_nav.png") top left no-repeat;
	width: 100px;
	height: 30px;
	float: right;
	margin: 0px 20px 0px 0px;
	border-bottom: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	padding: 0px;
	clear: none;
}
div.encart_texte p.plus a,
.ui-widget-content a.link{
	display: block;
	width: 100px;
	height: 30px;
	border: 1px solid #CCC;
	font-size: 1.1em;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
/* 
div.encart_texte p.plus a{
	display:block;
	text-align:center;
	line-height:20px;
	float:right;
	position:relative;
	z-index:100;
	color:#838383;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/savoirplus.jpg) top left no-repeat;
	width:81px;
	height:24px;
	margin: 0px 20px 0px 0px;
}

*/
div.encart_texte p.cat{
	float: left;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* DEVIS 
---------------------------------------------------------------------------------------------------------------------------------------- */
div#devis{
	padding: 20px 0px 0px 0px;
}
div#devis p.txt_devis{
	padding: 0px 0px 20px 0px;
	clear: both;
}
div#devis div.puce{
	padding: 5px 10px;
}
div#devis h2{
	padding:5px 0px 5px 0px;
	line-height:27px;
	color:#9bc141;
	font-size:1.7em;
	border-bottom: 1px dashed #9bc141;
}
div#devis form{
	width: 950px;
}
div#devis .champform label{
	padding: 0px 0px 5px 0px;
	display: block;
	text-align: left;
	font-weight: normal;
}
div#devis .champform textarea{
	width: 280px;
	height: 200px;
}
div#devis form input{
	width: 280px;
	padding: 5px 3px;
}
div#devis form input.radio{
	width: 20px;
	float: left;
}
div#devis div.titre{
	margin: 0px;
	padding: 10px 0px 20px 0px;
}
div#devis div.titre .sousTitreDevis h3{
	font-size: 1.5em;
	text-align: center;
}
div#devis #devis-left{
	width: 300px;
	float: left;
}
div#devis #devis-middle{
	width: 300px;
	float: left;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 10px;
}
div#devis #devis-right{
	width: 300px;
	float: left;
	padding: 0px 0px 0px 10px;
}
div#devis #devis-right .champform{
	padding: 0px 0px 5px 0px;
}
div#devis #devis-right .champform label{
	padding: 0px 0px 5px 0px;
	display: block;
	text-align: left;
}
div#devis #devis-right .champform input{

}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* FIL D'ARIANE ---------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
div#ariane{
	margin:10px 0px 0px 0px;;
	padding:0px 10px 10px 0px;
}
div#ariane a{
	line-height:30px;
}
div#ariane span{
	line-height:30px;
}
div#ariane li#arianeLast{
	background:url(../images/ariane/background-fil-ariane-simple.png) top right no-repeat;
	height:33px;
	margin:0px;
	padding:0px 20px 0px 0px;
	float:left;
	
}
div#ariane li#arianeHome{
	background:url(../images/ariane/bord-gauche-fil-ariane-compose.png) top left no-repeat;
	height:33px;
	width:15px;
	float:left;
	margin:0px;
}
div#ariane li#arianeFirst{
	background:url(../images/ariane/background-fleche-premier-niveau-fil-ariane.png) top left no-repeat;
	height:33px;
	width:40px;
	float:left;
	margin:0px;
}
div#ariane li#arianeFirst a{
	background:url(../images/ariane/background-fil-ariane-compose.png) top left repeat-x;
	height:33px;
	float:left;
}
div#ariane li#arianeSecond{
	background:url(../images/ariane/background-fleche-second-niveau-fil-ariane.png) top left no-repeat;
	height:33px;
	width:40px;
	float:left;
	margin:0px;
}
div#ariane li#arianeComp{
	background:url(../images/ariane/background-fil-ariane-compose.png) top left repeat-x;
	height:33px;
	float:left;
}
div#ariane img{
	line-height:30px;
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----- DEBUT DU CODE POUR FORMATION ------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
div#fleche{
	background:url(../images/fleche.jpg) top left no-repeat; 
	width:572px;
	height:77px;
	margin:0px auto 10px auto;
}
div#formation{
	padding-bottom:20px;
	padding-left:30px;
}
div.carre{
	background:url(../images/CarreGris.jpg) top left no-repeat;
	height:156px;
	width:160px;
	float:left;
	margin-left:35px;
	padding:10px 0px 0px 15px;
}
div#formation dl{
}
div#formation dt{
	font-weight:bold;
	padding-bottom:7px;
	color:#9bc141;
	font-size:1.2em;
}
div#formation li{
	padding-left:10px;
	line-height:17px;
}
div.entreprise{
	margin-bottom:20px;
}
div.entreprise p{
	margin:0px 0px 0px 20px;
	padding:5px 0px;
	border:none;
	float:left;
	width:550px;
}
div.logoEntreprise{
	border:none;
	width:110px;
	text-align:center;
	float:left;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----- DEBUT DU CODE POUR PROFIL --------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
div.encart_texte h3{
	padding:0px 0px 10px 0px;	
}
div.encart_texte ul li{
	padding:3px;	
}
div.encart_texte ul{
	padding:0px 0px 10px 0px;	
}
div.encart_texte div{
	padding:5px 10px;
	line-height: 20px;
}
div.encart_texte div.info_article{
	padding:0px;
	font-size:10px;
	line-height:normal;
	clear: both;
}

div.encart_texte dl{
	padding-bottom:10px;
}
div.encart_texte dt{
	font-weight:bold;
}
div.encart_texte dd{
	padding-left:10px;
	line-height:20px;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
div.puce {
	float:left;
	width:25px;
	height:25px;
	margin: 7px 0px 0px 0px;
	background:url(../images/puce.jpg) top left no-repeat;
}
div.puce2 {
	float:left;
	width:24px;
	height:25px;
	margin:7px 5px 10px 10px;
	background:url(../images/puce2.jpg) top left no-repeat;
}
div.encart {
	/*width:429px;*/
	margin:0px;
	padding:0px;
	min-height:177px;
	background:url(../images/encart2.jpg) top left repeat-x;
	border:4px solid #FFF;
	margin-bottom:20px;
}
div.encart img{
	float:left;
	margin:0px;
	padding:0px;
	border:none;
}
div.encart p{
	width:300px;
	line-height:17px;
	padding:10px 0px 0px 15px;
	float:left;	
}
div.encartLarge {
	width:900px;
	min-height:277px;
	/*background:url(../images/encart2.jpg) top left repeat-x;
	border-top:4px solid #FFF;
	border-bottom:4px solid #FFF;*/
	margin:10px 0px 20px 0px;
}
div.encartLarge:hover {
	width:900px;
	min-height:277px;
	/*background:url(../images/encart2.jpg) top left repeat-x;
	border-top:4px solid #9BC141;
	border-bottom:4px solid #9BC141;*/
	margin:10px 0px 20px 0px;
}
div.encartLarge img{
	float:left;	
	border:none;
	margin: 0px 0px 0px 110px;
}
div.encartLarge div{
	border-left:1px solid #CCC;
	padding-left:5px;
	margin-left:19px;
	margin-top:-1px;
	padding-bottom:10px;
	float:left;
}
div.encartLarge div.txt_item{
	width: 320px;
	float:right;
	border: none;
	text-align:justify;
}
div.encartLarge p{
	line-height:17px;
	padding:10px 0px 0px 0px;
	text-align:justify;
}

div.encartLarge p.titreEncart{
	margin-left:15px;	
}

div.encart p.titreEncart{
	width:300px;
	line-height:17px;
	padding:20px 0px 0px 15px;
	float:left;	
}
p.titreEncart.nuage{
	text-align:center;
}
span.titreActu{
	font-weight:bold;
	float:left;
}

div.encartLarge span.titreActu{
	display:block;
	background:url(../images/hash4.png) top left no-repeat;
	height:36px;
	width:250px;
	color:#FFF;
	line-height:30px;
	padding-left:15px;
}

span.dateActu{
	font-size:0.8em;
	font-weight:normal;
	float:right;
}
div.encartVertical {
	/*width:177px;*/
	background:#F7F7F7 url(../images/encart2.jpg) top left no-repeat;
	border:4px solid #FFF;
	margin-bottom:20px;
	text-align:center;
	padding-bottom:10px;
}
div.encartVertical p{
	padding-left:5px;
	text-align:left;
	padding-left:5px;
}
div.encartVertical h4{
	text-align:left;
	padding:5px 0px 0px 15px;
	color:#FFF;
	height:36px;
	line-height: 30px;
	margin:0px 0px 10px 0px;
	/*background:url(../images/hash4.png) top left no-repeat;*/
	background-color: #868686;
}
div.encartVertical a{
	text-align:center;
}

div.encartVertical ul{
	text-align:left;
	padding-left:5px;
	font-wight:bold;
	font-size:1.2em;
}
div.encartVertical li{
	padding:5px 0px 0px 10px;
	height:30px;
	line-height:25px;
	margin-right:10px;
	border-top:1px solid #CCC;
	list-style-type: none;
}
div.encartVertical li a{
	text-decoration:none;
	display:block;
	text-align:left;
	font-size:13px;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* Jcarousel du portfolio ------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
.anyClass{
	width:900px;
}
.anyClass2{
	width:900px;
}
.anyClass3{
	width:900px;
}
li.aurore{
	width:900px;
	height:400px;
}
/*----------------------------*/

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* MENU ------------------------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
div#resume ul {
	width:470px;
	list-style-type:none;
	position:absolute;
	top:317px;
	margin:0px 0px 0px 10px;
}
div#resume ul li{
	float:left;
	display:inline;
}
div#resume ul li a{
	display:block;
	text-decoration:none;
	text-align:center;
	/*line-height:170px;*/
}
li#item-1 span{
	width:88px;
	height:22px;
	margin:0px auto;
	color:#838383;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(../images/spannormal.jpg) bottom center no-repeat;
}
li#item-1 span:hover{
	width:88px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(../images/spanhover.jpg) bottom center no-repeat;
}
li#item-1 span.selected {
	width:88px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(../images/spanhover.jpg) bottom center no-repeat;
}
/*li#item-1 a{
	width:88px;
	height:78px;
	background:url(../images/btn_home.jpg) top left repeat-x;
}*/
li#item-1{
	width:88px;
	height:78px;
	background:url(../images/btn_home.jpg) top left repeat-x;
}
li#item-1.selected{
	width:88px;
	height:78px;
	background:url(../images/btn_home_over2.jpg) top left repeat-x;
}
li#item-1:hover{
	background:url(../images/btn_home_over2.jpg) top left repeat-x;
}
li#item-2 span{
	width:87px;
	height:22px;
	margin:0px auto;
	color:#838383;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(../images/spannormal.jpg) bottom center no-repeat;
}
li#item-2 span:hover{
	width:87px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(../images/spanhover.jpg) bottom center no-repeat;
}
li#item-2 span.selected{
	width:87px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(../images/spanhover.jpg) bottom center no-repeat;
}
li#item-2{
	width:87px;
	height:78px;
	background:url(../images/btn_profil.jpg) top left repeat-x;
}
li#item-2.selected{
	width:87px;
	height:78px;
	background:url(../images/btn_profil_over.jpg) top left repeat-x;
}
li#item-2:hover{
	background:url(../images/btn_profil_over.jpg) top left repeat-x;
}
li#item-3 span{
	width:116px;
	height:22px;
	margin:0px auto;
	color:#838383;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(../images/spannormal.jpg) bottom center no-repeat;
}
li#item-3 span:hover{
	width:116px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(../images/spanhover.jpg) bottom center no-repeat;
}
li#item-3 span.selected{
	width:116px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(../images/spanhover.jpg) bottom center no-repeat;
}
li#item-3{
	width:116px;
	height:78px;
	background:url(../images/btn_formation.jpg) top left repeat-x;
}
li#item-3.selected{
	background:url(../images/btn_formation_over2.jpg) top left repeat-x;
}
li#item-3:hover{
	background:url(../images/btn_formation_over2.jpg) top left repeat-x;
}
li#item-4 span{
	width:86px;
	height:22px;
	margin:0px auto;
	color:#838383;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(../images/spannormal.jpg) bottom center no-repeat;
}
li#item-4 span:hover{
	width:86px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(../images/spanhover.jpg) bottom center no-repeat;
}
li#item-4 span.selected{
	width:86px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(../images/spanhover.jpg) bottom center no-repeat;
}
li#item-4{
	width:86px;
	height:78px;
	background:url(../images/btn_folio.jpg) top left repeat-x;
}
li#item-4:hover{
	background:url(../images/btn_folio_over2.jpg) top left repeat-x;
}
li#item-4.selected{
	background:url(../images/btn_folio_over2.jpg) top left repeat-x;
}
li#item-5 span{
	width:88px;
	height:22px;
	margin:0px auto;
	color:#838383;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(../images/spannormal.jpg) bottom center no-repeat;
}
li#item-5 span:hover{
	width:88px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(../images/spanhover.jpg) bottom center no-repeat;
}
li#item-5 span.selected{
	width:88px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(../images/spanhover.jpg) bottom center no-repeat;
}
li#item-5{
	width:87px;
	height:78px;
	background:url(../images/btn_contact.jpg) top left repeat-x;
}
li#item-5:hover{
	background:url(../images/btn_contact_over2.jpg) top left repeat-x;
}
li#item-5.selected{
	background:url(../images/btn_contact_over2.jpg) top left repeat-x;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* comments -------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
div.comments{
	margin:20px 0px;
	padding:0px;
	margin-bottom:20px;
	margin-top: 21px;
	padding-top: 22px;
}
div.comments div.commentaires{
	margin:5px;
	background-color:#F7F7F7;
	padding: 22px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border:2px solid #F1F1F1;
}
div.comments div.form_post{
	background:#F7F7F7 url(../images/encart2.jpg) top left repeat-x;
	border:4px solid #F1F1F1;
}
div.comments h3{
	color:#333;
	line-height:32px;
	padding:0px 3px 0px 40px;
	background:url(../images/commentaires.png) top left no-repeat #999;
	height:32px;
}
div.comments h3:hover{
	cursor:pointer;
}
div.comments form{
	wodth:400px;
	margin:0px auto;
}
div.comments div.infos_comments{
	padding:5px 0px;
	margin:0px 10px;
	border-bottom:1px dashed #9BC141;
}
div.comments div.infos_comments a{
	color:#9BC141;
	text-decoration:none;
}
div.comments div.infos_comments a:hover{
	text-decoration:underline;
}
div.comments div.text_comments{
	padding:10px 0px;
	margin:0px 10px;
}


	#comments article {
		display: table;
		padding: 22px;
	}
	#comments article header {
				display: table-cell;
				width: 220px;
				padding-right: 22px;
			}
			
				#comments article header a {
					display: block;
					font-weight: bold;
					color: #000;
				}
				
					#comments article header a:hover {
						text-decoration: none;
					}
			
			#comments article p {
				padding: 0;
			}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* DEBUT PAGINATION ------------------------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

/* CODE A VIRER */
p.pagination {
	margin:0px auto;
	text-align:center;
}
p.pagination a{
	color:#FFF;
}
p.pagination span.pageCourante{
	background:url(../images/pagination.png) top left no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	line-height:20px;
	font-weight:bold;
	color:#FFF;
}
p.pagination span.pageAutre{
	background:url(../images/pagination.png) top left no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	font-weight:bold;
	line-height:20px;
	color:#FFF;
}
ol.row {
	list-style:none
}
ol.row li {
	position:relative;
	border-bottom:1px solid #EEEEEE;
	padding:8px;
}
ol.row li:hover {
	background-color:#F7F7F7;
}
ol.row li:first-child {
}
#container {
	margin-left:60px;
	width:580px
}
.load_more,
.load_more_rubSpe {
	background-color:#FFFFFF;
	background-image:url("more.gif");
	background-position:left top;
	background-repeat:repeat-x;
	border-color:#DDDDDD #AAAAAA #AAAAAA #DDDDDD;
	border-style:solid;
	border-width:1px;
	display:block;
	font-size:14px;
	font-weight:bold;
	height:22px;
	line-height:1.5em;
	margin-bottom:6px;
	outline:medium none;
	padding:6px 0;
	text-align:center;
	text-shadow:1px 1px 1px #FFFFFF;
	width:100%;
}
.load_more,
.load_more_rubSpe {
	-moz-border-radius:5px 5px 5px 5px;
}
.load_more img,
.load_more_rubSpe img{
	border: none;
}
.load_more:hover
.load_more_rubSpe:hover {
	background-position:left -78px;
	border:1px solid #BBBBBB;
	text-decoration:none;
}
.load_more:active,
.load_more_rubSpe:active {
	background-position:left -38px;
	color:#666666;
}



/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* DEBUT DU CODE POUR L'ENCART SOCIAL------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
#slidedown_top {
	height: 70px;
	background-color:#666;
}
.handle{
	background:url(../images/switch2.png) no-repeat top center;
	width:80px;
	margin:0px auto;
	padding:0px;
}
#slidedown_bottom {
	position: absolute;
	width: 100%;
	height:100px;
	bottom:0px;
	z-index:2000;
	background-color:#6d6d6d;
}
#slidedown_content {
	position: absolute;
	width: 100%;
	margin:0px;
	padding:0px;
	bottom: 0px;
	left:0px;
	min-height:10px;
	z-index:999;
} 
#slidedown_content img{
	border:none;	
}
#slidedown_content .content {
	margin:0px auto; 
	width:100%;
	padding:5px 0px 0px 0px;
}
.socialbookmarks{
	/*text-align:right;*/
	padding:0px 0px 20px 0px;
	float:left;
}
#bg_social{
	/*background:#2A2A2A url(../images/social_bg2.jpg) top left repeat-x;*/
	background-color:#000;
}
.miniSocial{
	width:100%;
	margin:0px auto;
	padding:8px 0px 4px 0px;
}
.miniSocial .miniBlock{
	/*float:left;*/ 
	width:170px;
	padding:0 4px 0 4px; 
	margin: 0 auto 0 auto;
	text-align:left;
	font-size:11px; 
	color:#ccc;
}
.miniSocial .miniBlock img{
	border:none;
	float:left;
	margin:0px;
	padding:0px;
}
.miniSocial .miniBlock h2{
	padding:0px 0px 5px 5px;
	color:#eaeade;
	font-size:1.1em;
	float:left;
}
.block h3{
	padding:0px 0px 5px 15px;
	color:#eaeade;
	font-size:1em;
	line-height:45px;
	font-weight:normal;
	float:left;
}
.contentSocial{
	width:860px;
	margin:0px auto;
	padding:0px 0px 10px 0px;
}

/** code pour le style des tweets */
.twitters {
	background:url(../images/bulle2.png) top left no-repeat;
	width:320px;
	height:96px;
	padding:50px 7px 0px 20px;
	margin:-30px 0px 0px 0px;
}

.twitters ul {
  list-style: none;
  padding: 0px 20px 0px 0px;
}

.twitters span.twitterPrefix {
  padding:10px 0px 0px 0px;
}

.twitters span.time {
  font-style: italic;
  color: #EAEADE;
}
em.twitterTime{
	color:#333;	
}
.twitters span.status {
	font-style: italic;
}
span.twitterStatus{
	color:#333;
}
#slidedown_content .content .block {
	float:left; 
	width:900px;
	padding:0 4px 0 4px; 
	margin: 0 4px 0 4px;
	text-align:left;
	font-size:11px; 
	color:#ccc; 
}

#slidedown_content .content .block p{
	float:left;	
	width:300px;
	padding-left:100px;
}

#slidedown_content .content .block h2{
	padding:0px 0px 10px 0px;
	color:#eaeade;
}
#slidedown_content .content .block h3 a{
	color:#EBEBDF;
	text-decoration:none;
}
#slidedown_content .footer {
	height:40px;
}
#slidedown_content .content ul {
	
}
#slidedown_content .content li {
	padding:0; 
	margin:4px 10px;
}
div.mini_folio{
	float:left;
	background:url(../images/mini_folio.jpg) top left no-repeat;
	width:50px;
	height:43px;
	margin-right:5px;
	border:4px solid #eaeade;
}
div.mini_folio:hover{
	display:block;
	width:50px;
	height:43px;
	border:4px solid #9BC141;
}
div.mini_folio a{
	display:block;
	width:50px;
	height:43px;
	margin:0px;
	padding:0px;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* BOTTOM ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
div#bottom{
	width:100%;
	height:122px;
	bottom:0;
}
div#inner-bottom{
	background:url(../images/bottom2.jpg) top center repeat-x;
	height:122px;
}
div#inner-inner-bottom{
	width:990px;
	margin:0 auto;
}
div#folio-footer h2{
	padding:25px 0px 10px 0px;
	color:#eaeade;
}
div#link-footer{
	width:75%;
	float:left;	
}
div#link-footer span{
	padding:0px 80px 0px 0px;	
}
div#link-footer p{
	color:#eaeade;
	padding-top:15px;
	float:left;
	margin-right:50px;
}
div#link-footer img{
	margin-top:8px;
}
div#link-footer a{
	/*color:#eaeade;*/
	text-decoration:none;
	line-height:20px;
}
div#link-footer a:hover{
	/*color:#eaeade;*/
	text-decoration:underline;
}
div#valid{
	padding-top:35px;
	width:20%;
	float:left;	
	text-align:right;
}
div#valid img{
	padding-top:10px;	
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* DEBUT FORMULAIRE ------------------------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
form{
	width:350px;
	margin:0px;
	padding:0px;
}
table{
	border:none;
	margin:0px;
	width:400px;
	padding:20px 0px 0px 0px;	
}
td.droite {
	padding-bottom:10px;
	text-align:right;
}
td.soumettre{
	text-align:center;	
}
textarea {
	width:220px;
	padding:3px;
	border:1px solid #CCC;
}
input {
	padding:3px;
	border:1px solid #CCC;
	width:220px;	
}
li.next, li.prev, li.next2, li.prev2, li.next3, li.prev3{
	cursor:pointer;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:2px;
	padding:4px 0;
}
span.ui-icon {
	float:left;
	margin:0 4px;
}
input.soumettre{
	padding:0px;
	width:81px;
	height:24px;
	font-weight:bold;
	color:#838383;
	border:none;
	background:url(../images/savoirplus.jpg) top left no-repeat;
}
label{
	font-weight:bold;
	text-align:right;
	padding-right:5px;
}


/*
.invalidInput, .error{
color:#8a1f11;
background-color:#a5c638;
}
.error,.notice{
padding:0.5em;
margin:0.5em;
}

.error{
	border:2px solid #8a1f11;
	display:none;
}
.notice {
	background-color:#FFF6BF;
	color:#514721;
	border:2px solid #FFD324;
	display:none;
}
*/

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* FORMULAIRE BACKOFFICE ------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
form.formulaireBCK{
	width:600px;
	text-align:center;
}



/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PLUGIN JQUERY DELICIOUS ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

small {font-style:italic; }

#delicious ul {
	list-style-image:none;
}
#delicious li {
	font-size:14px;
	background:url(../images/delicious.png) no-repeat left center;
	padding-left:21px;
	margin-top:10px;
	list-style-type:none;
}
#delicious li a{display:block;text-decoration:none;}
#delicious a:link { text-decoration:none; color:#0066CC;}
#delicious a:active { text-decoration:none; color:#0066CC;}
#delicious a:hover { text-decoration:underline; color:#0066CC;}
#delicious a:visited { text-decoration:none; color:#0066CC;}

#delicious li a.tag{display:inline;}
#delicious a.tag:link { cursor:pointer; color:#000000; text-decoration:none; background-color: #99CC33; padding:4px; -moz-border-radius:5px; margin-right:5px; font-size: 12px; }
#delicious a.tag:active { cursor:pointer; color:#000000; text-decoration:none; background-color: #99CC33; padding:4px; -moz-border-radius:5px; margin-right:5px; font-size: 12px; }
#delicious a.tag:hover { cursor:pointer; color:#000000; text-decoration:none; background-color: #EB6F00; padding:4px; -moz-border-radius:5px; margin-right:5px; font-size: 12px; }
#delicious a.tag:visited { cursor:pointer; color:#000000; text-decoration:none; background-color: #99CC33; padding:4px; -moz-border-radius:5px; margin-right:5px; font-size: 12px; }

#delicious .tag { background-color: #99CC33; padding:4px; -moz-border-radius:5px; margin-right:5px; font-size: 12px; }


#delicious a.tagged:link { cursor:pointer; color:#000000; text-decoration:none; background-color: #EB6F00; padding:4px; -moz-border-radius:5px; margin-right:5px; font-size: 12px; }
#delicious a.tagged:active { cursor:pointer; color:#000000; text-decoration:none; background-color: #EB6F00; padding:4px; -moz-border-radius:5px; margin-right:5px; font-size: 12px; }
#delicious a.tagged:hover { cursor:pointer; color:#000000; text-decoration:none; background-color: #EB6F00; padding:4px; -moz-border-radius:5px; margin-right:5px; font-size: 12px; }
#delicious a.tagged:visited { cursor:pointer; color:#000000; text-decoration:none; background-color: #EB6F00; padding:4px; -moz-border-radius:5px; margin-right:5px; font-size: 12px; }

#delicious .tagged { background-color: #EB6F00; padding:4px; -moz-border-radius:5px; margin-right:5px; font-size: 12px; }