body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0px;
	padding: 0px;
	background-image:url(/images/fond1.png);
	background-color: #EFEFEF;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
div.clear2 {
	clear: both;
	margin-bottom: 10px;
}
img {
	border: none;
	}
form {
	margin: 0;
	padding: 0;
	}
a {
	color: #7b9f01;
	text-decoration: none;
	}
a:hover {
	text-decoration:underline;
	}
h1 {
	text-transform: uppercase;
	font-size: 25px;
	margin: 5px 0 10px 0;
	color:#6B8902;
	text-align:left;
	}
h2 {
	text-transform: uppercase;
	font-size: 18px;
	margin: 5px 0 10px 0;
	text-align:left;
	}
h3 {
	text-transform: uppercase;
	font-size: 15px;
	margin: 5px 0 5px 0;
	color:#6B8902;
	text-align:left;
	}
h4 {
	text-transform: uppercase;
	font-size: 12px;
	margin: 5px 0 0 0;
	text-align:left;
	}
p {
	margin: 5px 0 5px 0;
	padding: 0 0 5px 0;
	text-align: justify;
	}
p.ligne {
	border-bottom: solid 1px #F0F0F0;
	}
.couleur1 {
	background-color: #F0F0F0;
	}
.couleur1 div.webform-component {
	border-bottom: solid 1px #FFF;
}
.couleur1 div.webform-component label {
	border: none;
	padding-left: 5px;
	}
.couleur0 {
	background-color: #E9E9E9;
	}
.degrade0 {
	background-image:linear-gradient(#EEEEEE, #FFFFFF);
	background: -moz-linear-gradient(#EEEEEE, #FFFFFF);
	background-image: -webkit-linear-gradient(#EEEEEE, #FFFFFF);
	background-image:-o-linear-gradient(#EEEEEE, #FFFFFF);
	background-image:-ms-linear-gradient(#EEEEEE, #FFFFFF);
	background-repeat: repeat-x;
	background-color: #efefef;
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EEEEEE', endColorstr='#FFFFFF'); /* IE6 et IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EEEEEE', endColorstr='#FFFFFF')"; /* IE8 */
 }
 .degrade1 {
	background-image:linear-gradient(#DDDDDD, #CDCDCD);
	background: -moz-linear-gradient(#DDDDDD, #CDCDCD);
	background-image: -webkit-linear-gradient(#DDDDDD, #CDCDCD);
	background-image:-o-linear-gradient(#DDDDDD, #CDCDCD);
	background-image:-ms-linear-gradient(#DDDDDD, #CDCDCD);
	background-repeat: repeat-x;
	background-color: #DDDDDD;
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#DDDDDD', endColorstr='#CDCDCD'); /* IE6 et IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#DDDDDD', endColorstr='#CDCDCD')"; /* IE8 */
 }
  .degrade2 {
	background-image:linear-gradient(#c7de01, #edfa1f);
	background: -moz-linear-gradient(#c7de01, #edfa1f);
	background-image: -webkit-linear-gradient(#c7de01, #edfa1f);
	background-image:-o-linear-gradient(#c7de01, #edfa1f);
	background-image:-ms-linear-gradient(#c7de01, #edfa1f);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c7de01', endColorstr='#edfa1f1'); /* IE6 et IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c7de01', endColorstr='#edfa1f')"; /* IE8 */
	background-repeat: repeat-x;
	background-color: #edfa1f;
 }
.ombrage {
	-moz-box-shadow: 1px 1px 12px #aaa;
	-webkit-box-shadow: 1px 1px 12px #aaa;
	box-shadow: 1px 1px 12px #555;
	}
.arrondi5 {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.arrondi3 {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
/* ---------------------------- general ------------------------------ */
#generale {
	width: 1000px;
	margin: auto;
	margin-top: 0;
	margin-bottom: 10px;
	background-color:#FFF;
}
.pair {
    background-color: #EEE;
}

.impair {
	background-color: #FAFAFA;
}
.ligne {
	margin-top: 5px;
	border-bottom: solid 1px #CCC;
	}
.right {
	float: right;
	}
/* ---------------------------- haut --------------------------------- */
#haut {
	width: 1000px;
	padding: 0;
	display:inline-block;
}
#haut #logo {
	margin: 10px 0 0 10px;
	float: left;
}
#haut #bannerHaut {
	width: 728px;
	height: 90px;
	float: right;
	margin: 0 10px 10px 0;
	border: solid 1px #999;
	background-color: #FFF;
}
/* --------------------------- barre haut ---------------------------- */
#haut #barreHaut {
	background-color: #333;
	height: 23px;
	margin: 0 0 10px 0;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	}
#haut #barreHaut div {
	float: left;
	padding: 3px 10px 3px 10px;
	}
#haut #barreHaut div:hover {
	background-color: #999;
	}
#haut #barreHaut div a {
	display: block;
	color: #FFF;
	}
#haut #barreHaut div a:hover {
	text-decoration: none;
	}	
#haut #barreHaut div:hover#client {
	background-color: #0095cd;
	}
#haut #barreHaut div#client {
	float: right;
	background-color: #01749f;
	}
#haut #barreHaut div#login a {
	background-image: url(/images/pictos/login.png);
	padding:0 0 0 16px;
	background-repeat: no-repeat;
	background-position: 0 1px;
	}
/* ---------------------------- login --------------------------------- */
/*	#haut #login {
		float: right;
		background-color: #CCC;
		width: 730px;
		padding: 0 0 3px 0;
		color: #333;
		font-size:11px;
		margin: 0 10px 10px 0;
		vertical-align: middle;
		}
		#haut #login div{
		float: left;
		margin-right: 10px;
		}
		#haut #login form {
			float: right;
			margin: 0;
			padding: 2px 0 0 0;
		}
		#haut #login .titre{
			font-size:14px;
			font-weight:bold;
			text-transform:uppercase;
			color:#333;
			}
		
		#haut #login input[type="text"],
		#haut #login input[type="password"]{
			background-color:#FFF;
			color:#000;
			font-size: 11px;
			padding: 0;
			border: none;
			margin: 2px 3px 0 3px;
			width: 120px;
			float: right;
			}
		#haut #login input[type="button"]{
			background-color:#333;
			color: #FFF;
			padding: 0;
			border: none;
			font-size: 10px;
			cursor: pointer;
			height: 14px;
			}
		#haut #login input[type="button"]:hover{
			background-color:#666;
			}
		#haut #login input[type="image"]{
			width: 10px;
			height: 10px;
			margin: 0;
			padding: 0;
			margin-top: 3px;
			}
		#haut #login form div a,
		#haut #login a{
			padding-top: 3px;
			color:#333;
			display: inline-block;
			}
		#haut #login a:hover{
			color: #666;
			}
		#haut #login a.out {}	*/
/* ---------------------------- navigation1 -------------------------- */
#navigationHaut {
	clear: both;
	background-color:#7b9f01;
	height: 60px;
}
#navigationHaut ul li a {
	display: block;
	}
#navigationHaut #menu1,
#navigationHaut #menu2{
	float: left;
}
#navigationHaut #menu1 ul,
#navigationHaut #menu2 ul{
	padding: 0;
	width: 100%;
	}
#navigationHaut #menu1 ul{
	margin: 0 0 0 12px;
	width: 988px;
	}
#navigationHaut #menu2 ul{
	padding:3px 0 3px 0;
	margin: 0 0 0 5px;
	width: 995px;
	height: 21px;
	}
#navigationHaut #menu1 ul li:first-child {
	width: 28px;
	height: 22px;
	padding-top: 8px;
	}
#navigationHaut #menu1 ul li,
#navigationHaut #menu2 ul li{
	float: left;
	list-style: none;
	text-align:center;
	border-right: solid 5px #7b9f01;
	color: #FFF;
	}
#navigationHaut #menu1 ul li{
	height: 27px;
	background-color:#c7de01;
	font-size: 20px;
	padding: 3px 0 0 0;
	width: 185px;
	text-align:center;
	}
#navigationHaut #menu2 ul li{
	font-size: 14px;
	list-style: none;
	padding: 2px 5px 2px 5px;
	border-right: solid 1px #c7de01;
	margin-bottom: 3px;
	}
#navigationHaut #menu1 ul li:hover,
#navigationHaut #menu1 ul li.activ,
#navigationHaut #menu2 ul {
	background-color: #7b9f01;
	}
#navigationHaut #menu1 ul li a,
#navigationHaut #menu2 ul li a,
#navigationHaut #menu1 ul#entreprise li a {
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	}
#navigationHaut #menu2 ul li a:hover,
#navigationHaut #menu2 ul li a.activ{
	color: #455901;
	}
#navigationHaut #menu1 li.entreprise{
	float: right;
	background-color:#3F5201;
	border: none;
	margin: 0 10px 0 0;
	}
#navigationHaut #menu1 ul li.entreprise:hover,
#navigationHaut #menu1 ul li.entreprise .activ{
	background-color: #597201;
	}
#navigationHaut .entreprise,
#navigationHaut .entreprise ul,
#navigationHaut .entreprise ul li{
	background-color: #597201;
	}	
/* ---------------------------- contenant ---------------------------- */
#contenant {
	padding: 10px 10px 10px 15px;
	background-color: #FFF;
	width: 975px;
}
/* ---------------------------- contenu ----------------------------- */
#contenu {
	float: left;
	width: 630px;
	margin: 0 ;
	background-color:#FFF;
}
#contenu .image1 {
	height: 250px;
	width: 630px;
	background-color: #000;
	}
#contenu .textimage1 {
	height: 20px;
	width: 620px;
	padding: 5px 5px 0 5px;
	background-color:#999;
	color: #FFF;
	margin-bottom: 10px;
	}
#contenant #contenu .ligne {
	border-bottom: solid 1px #CCC;
	}
#contenant #contenu .ligneMarge {
	border-bottom: solid 1px #CCC;
	margin: 5px 0 10px 0;
	}	
#contenant #contenu .pointille {
	border-bottom: dotted 1px #CCC;
	margin: 5px 0;
	}
#contenu .imageConcours{
	max-width: 630px
	}	
#contenu .imageConcoursPreview{
	max-width: 147px;
	}		
/* ------------------------- box -------------------------- */
#contenant #contenu .box h1{
	color: #6B8902;
    font-size: 19px;
    margin: 5px 0 10px;
    text-transform: uppercase;
	}
#contenant #contenu .box:first-child h1,
#contenant #contenu .imageTexteHalf h1{
	color: #6B8902;
    font-size: 25px;
    margin: 5px 0 10px;
    text-transform: uppercase;
	}
#contenant #contenu .imageTexteHalf {}
#contenant #contenu .imageTexteHalf img {
	float:left;
	margin: 0 10px 0 0;
	}
/* ------------------------- box school-------------------------- */
#contenant #contenu .box .school_gauche {
	float: left;
	width: 400px;
	}
#contenant #contenu .box .school_droite{
	float: right;
	width: 170px;
	padding: 5px;
	background-color: #F2F2F2;
	}
#contenant #contenu .box .schoolBox {}
#contenant #contenu hr {
	border: none;
	background-color: #CCC;
	height: 1px;
	}
#contenant #contenu .box .schoolBox .doubleTexteImage {}
#contenant #contenu .box .schoolBox .doubleTexteImage img.gauche {
	float: left;
	}
#contenant #contenu .box .schoolBox .doubleTexteImage img.droite {
	float: right;
	}
/* ------------------------- box profil ------------------- */	
#contenant #contenu div.profil,
#contenant #contenu div.box {
	text-align:justify;
	}
#contenant #contenu div.profil {
    margin: 0 0 10px 0;
	display:table;
}
#contenant #contenu div.profil div.step {
    clear: both;
}
#contenu .step {
    height: 7px;
    clear: both;
}
#contenant #contenu div.profil h2 {
    padding: 0 10px 0 10px;
}
#contenant #contenu div.profil p {
    padding: 0;
}
/*
#contenant #contenu div.profil div.boxPictosGauche,
#contenant #contenu div.profil div.boxPictosDroite{
    padding: 0 10px 0 10px;
    min-height: 50px;
    width: 315px;
    float:left;
}
*/
#contenant #contenu div.profil .full,
#contenant #contenu div.box .full {
	float: left;
	display:table-cell;
	width: 100%;
	}
#contenant #contenu div.profil .leftHalf,
#contenant #contenu div.profil .rightHalf,
#contenant #contenu div.box .leftHalf,
#contenant #contenu div.box .rightHal{
	width: 310px;
	float: left;
	display:table-cell;
	}
#contenant #contenu div.profil .leftHalf,
#contenant #contenu div.profil .rightHalf{
	min-height: 60px;
	}	
#contenant #contenu div.profil .rightHalf,
#contenant #contenu div.box .rightHalf{
	margin-left: 10px;
	}
/*#contenant #contenu div.profil div.internalBoxImg {
    float: left;
    width: 48px;
    margin: 0 5px 0 0;
}*/
#contenant #contenu div.profil .internalBoxTxt,
#contenant #contenu div.box .internalBoxTxt {
    margin: 0;
}
#contenant #contenu .profil .internalBoxImg,
#contenant #contenu .profil .internalBoxTxt,
#contenant #contenu div.box .internalBoxImg,
#contenant #contenu div.box .internalBoxTxt {
	display:table-cell;
}
#contenant #contenu .profil .internalBoxImg,
#contenant #contenu div.box .internalBoxImg {
	float:none;
	vertical-align:top;	
}
#contenant #contenu .profil .internalBoxImg img,
#contenant #contenu div.box .internalBoxImg img{
	margin: 0 10px 0 0;
	}
#contenant #contenu div.profil div.internalBoxTxt p:first-letter{
    text-transform:uppercase;
}
#contenant #contenu div.profil div.internalBoxTxt a {
    font-weight:bold;
}
/* ------------------ table ---------------------- */
table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	}
.quizzTable,
.ticketingTable,
.annonceTable,
.videoTable,
.baseTable,
.supportTable,
.jobTable,
.recettesTable{
	width: 100%;
	}
.quizzTable td,
.quizzTable th,
.ticketingTable td,
.ticketingTable th,
.annonceTable td,
.annonceTable th,
.videoTable td,
.videoTable th,
.baseTable td,
.baseTable th,
.supportTable td,
.supportTable th,
.jobTable td,
.jobTable th,
.recettesTable td,
.recettesTable th{
	padding: 3px 0 3px 5px;
	vertical-align: top;
}
.quizzTable tr:hover,
.quizzTable th,
.recettesTable th:hover,
.recettesTable th,
.ticketingTable tr:hover,
.ticketingTable th,
.annonceTable tr:hover,
.annonceTable th,
.jobTable tr:hover,
.jobTable th,
.videoTable tr:hover,
.videoTable th,
.baseTable th,
.supportTable th{
	background-color:#DBF018;
}
#contenu #ticketing table.ticketing_table {
	border: none;
	}
.recettesTable table h3 {
	margin: 0;
	}
.recettesTable ul {
	margin: 0;
	padding: 0 0 0 15px;
	}
.recettesTable table {
	border-bottom: dotted 1px #CCC;
	}	
/* ------------------ form ----------------------- */
.form-item{
	width: 100%;
	float:left;
	margin-bottom: 3px;
	}
.form-item select{
	width:200px;
	border: solid 1px #CCC;
}
#form_event label {
}
form textarea,
form input[type='text'],
form input[type='email'], 
form input[type='password']{
	font-family: Arial, Helvetica, sans-serif;
	margin: 4px 5px 0 0;
	font-size: 11px;
	border: solid 1px #999;
	width: 200px;
}
form input[type='file'] {
	font-family: Arial, Helvetica, sans-serif;
	margin: 4px 5px 0 0;
	font-size: 11px;
	width: 200px;
}
form textarea.error,
form select.error,
form input[type='text'].error, 
form input[type='password'].error {
	background-color: #FCC;
	color: #F00;
	border: solid 1px #F00;
	}
form label {
	float: left;
	margin: 0 5px 0 0;
	padding-top: 5px;
	width: 180px;
	border-bottom: dotted 1px #CCC;
}
form label.split_type {
	float: none;
	width: 150px;
}
/* ------------------------- bouton couleurs -------------------- */
input[type="submit"],
input[type="button"],
a.bouton,
a.annule,
a.edite,
a.valide {
	text-decoration: none;
	color: #FFFFFF;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
	width:auto;
	vertical-align: middle;
	}
	
input[type="submit"],
input[type="button"],
a.bouton {
	background-color:#7b9f01;
	margin-right: 5px;
	/*margin-top: 10px;*/
	height: 21px
	}
a.bouton {
	height: 20px;
	padding: 2px 0 0 0;
	}
.right input[type="submit"],
.right input[type="button"],
.right a.bouton {

	margin: 0 0 0 5px;
	}
input.annule[type="submit"],
input.annule[type="button"],
a.annule {
    background-color:#bc0000;
	}
input.edite[type="submit"],
input.edite[type="button"],
a.edite {
    background-color:#e87302;
	}
input.valide[type="submit"],
input.valide[type="button"],
a.valide {
    background-color:#019dd8;
	}
a.bouton,
a.annule,
a.edite,
a.valide {
	padding: 5px 6px 3px 6px;
	}
input[type="submit"].bouton:hover,
input[type="button"].bouton:hover,
input[type="submit"].annule:hover,
input[type="button"].annule:hover,
input[type="submit"].edite:hover,
input[type="button"].edite:hover,
input[type="submit"].valide:hover,
input[type="button"].valide:hover,
a.bouton:hover,
a.annule:hover,
a.edite:hover,
a.valide:hover {
	background-color:#999;
	}
table input[type="submit"].bouton,
table input[type="button"].bouton,
table input[type="submit"].annule,
table input[type="button"].annule,
table input[type="submit"].edite,
table input[type="button"].edite,
table input[type="submit"].valide,
table input[type="button"].valide,
table a.bouton,
table a.annule,
table a.edite,
table a.valide {
    margin-top: 0px;
	}
/* ----------------------------- captcha ----------------------------- */
#form_event div#edit-captcha-response-wrapper div.description {
	float: left;
}
#contenu div.captcha img {
	float:none;
	}
/* ---------------------------- navigation2 -------------------------- */
/*#navigation2 {
	float: left;
	width: 185px;
}
#navigation2 .box1 {
	border: solid 1px #999;
	margin-bottom: 10px;
	background-color:#FFF;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	behavior: url(/script/border-radius.htc);
}
#navigation2 .box2 {
	border: dotted 1px #999;
	margin-bottom: 10px;
	background-color:#FFF;
}
#navigation2 .box3 {
	border: dashed 1px #999;
	margin-bottom: 10px;
	background-color:#FFF;
/* ----------------------------table formulaire ------------------*/
table.formulaire td {
	padding: 3px 0 3px 0;
	vertical-align: top;
	}
/* ---------------------------- recherche partenaires encart -------------------------- */
#droite {
 width: 332px;
 float: right;
 }

#recherche {
 margin-bottom: 10px;
 padding: 15px;
 }
#partenaires {
 padding: none;
 border: solid 1px #CCC;
 margin-bottom: 10px;
 font-size: 11px;
 color: #666;
 }
#partenaires h1{
 font-size: 12px;
 text-transform: none;
 font-weight:normal;
 color: #666;
 background-color: #DADADA;
 padding: 5px;
 margin: 0;
 }
 #partenaires img {
  margin: 10px;
  }
/* ---------------------------- recherche ------------------------- */
#recherche {
	/*background-color: #E4E4E4;*/
	padding: 10px 15px 10px 15px;
	/*border: 1px solid #CCC;*/
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	}
#recherche form {
	margin: 0;
	padding: 0;
	}	
#recherche input[type="text"] {
	margin: 2px 10px 0 5px;
	width: 150px;
	}
#recherche a img {
	}
#recherche form div {
	float: left;
	}
/* ---------------------------- encart promotion ------------------------- */
#encart {
	padding: 15px;
}
#encart .image0 {
/*	width: 300px;
	height: 250px;*/
	background-color:#FFF;
	float: left;
	border: solid 1px #999;
	margin: 0 0 13px 0;
}
#encart .image1 {
	width: 120px;
	height: 240px;
	background-color:#FFF;
	float: left;
	margin-bottom: 13px;
	border: solid 1px #999;
}
#encart .image2 {
	width: 160px;
	height: 600px;
	background-color:#FFF;
	float: right;
	border: solid 1px #999;
	margin: 0 0 13px 0;
}
#encart .image3 {
	width: 120px;
	height: 90px;
	background-color:#FFF;
	float: left;
	border: solid 1px #999;
}
#encart .texte,
#encart .texte2 {
	clear: both;
	background-color: #FFF;
	border: solid 1px #999;
	margin: 0 0 13px 0;
}
#encart .texte2 {
	margin: 0;
}
/* --------------------------------- favoris --------------------------------*/
div.favoris {
	background-color:#FFF;
	margin: 5px 0 0 0;
	padding: 5px;
	border-top: solid 1px #CCC;
}
div.favoris .titre {
	text-transform:capitalize;
}
div.favoris img {
	border: 0;
	margin: 0 5px 0 5px;
}
/* --------------------------------- bas --------------------------------*/
#bas,
#basClient {
	vertical-align: top;
	clear: both;
}
#bas{
	background-color:#CCC;
	border-top: solid 3px #999;
	padding: 5px 10px 5px 10px;	
}
#basClient {
	background-color: #0095cd;
	color: #FFF;
	padding: 0 10px 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
}
#bas ul,
#basClient  ul{
	margin: 0;
	float: left;
	border-left: solid 1px #FFF;
	
}
#bas ul{
	padding: 0 5px 0 10px;
	min-height: 105px;
	min-width: 149px;
}
#basClient  ul{
	width: 149px;
	padding: 0 5px 0 10px;
}
#bas ul:first-child {
	padding: 0 5px 0 0;
	border: none;
	}
#basClient  ul:first-child {
	border: none;
	background-color: #01749f;
	padding: 0 5px 0 10px;
}
#bas ul h1 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#bas ul li,
#basClient ul li{
	font-size: 11px;
	list-style-type: none;
}
#basClient ul li{
	padding: 2px 0 2px 0;
}
#basClient ul:hover {
	background-color: #666;
	}
#basClient ul li:first-child{
	text-transform: uppercase;
	}
#bas ul li:first-letter,
#bas ul li a:first-letter,
#basClient ul li:first-letter,
#basClient ul li a:first-letter{
	text-transform: uppercase;
}
#bas ul li a {
	color: #000;
	display:inline-block;
}
#basClient ul li a {
	color: #FFF;
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	}
#basClient ul li a:hover {
	text-decoration: none;
	}
#bas ul li a:hover {
	color: #333;
}
/* --------------------------------- bas page --------------------------------*/
div.bas_page {
	border-top: solid 1px #666;
	margin:  0;
	padding: 5px 5px 0 5px;
	font-size: 11px;
	clear:both;
	height: 20px;
	background-color:#FFF;
}
div.bas_page div.gauche {
	float:left;
	width: 250px;
	vertical-align:top;
}
div.bas_page div.centre {
	text-align: center;
	width: 480px;
	float:left;
}
div.bas_page div.centre ul {
	float:none;
	display:inline;
}
div.bas_page div.centre ul li {
	list-style-type: none;
	display: inline;
	border-left: solid 1px #666;
	padding:0 5px 0 5px;
	float: left;
}
div.bas_page div.centre ul li:first-letter,
div.bas_page div.centre ul li a:first-letter {
	text-transform:capitalize;
}
div.bas_page div.centre ul li:first-child {
	border-left: 0;
}
div.bas_page div.centre ul li a,
div.bas_page div.droite a {
	color: #000;
}
div.bas_page div.centre ul li a {
	display: inline-block;
}
div.bas_page div.centre ul li a:hover,
div.bas_page div.droite a:hover {
	color:#333;
}
div.bas_page div.droite {
	text-align:right;
	float:right;
}
a.kesako {
	background-image:url(/images/kesako_round.png);
	background-repeat:no-repeat;
	background-position: 0;
	padding: 0 0 0 15px;
	font-size: 11px;
}
div.footerLegal{
	 font-size: 9px;
	 color: #666;
	 text-align: left;
	 height: 25px;
	 padding-left: 5px;
	 padding-top: 5px;
	}

/********** barre navigation ***********************/
#contenant #contenu .barreNavigation {
	color: #333333;
	float: right;
	text-align: right;
	cellspacing: 2px;
	width: auto;
}
#contenant #contenu .barreNavigation tr td {
	height: 16px;
	text-align: center;
	vertical-align: middle;
	width: 16px;
	padding: 1px;
}
#contenant #contenu .barreNavigation tr td a {
	color: #333333;
	font-size: 12px;
	text-decoration: underline;
}
#contenant #contenu .barreNavigation tr td a:hover,
#contenant #contenu .barreNavigation tr td span{
	background-color: #779C23;
	background-repeat: no-repeat;
	color: #FFF;
	display: block;
	font-size: 12px;
	height: 16px;
	text-decoration: none;
	width: 16px;
}
/*nouvelle navigation*/
#contenant #contenu	div.barreNavigation div,
#contenant #contenu	div.barreNavigation div.clicable{
	background-color:#EFEFEF;
	display:inline-block;
	float:none;
	width:20px;
	text-align:center;
	margin:0px 3px 0px 0px;
	padding:1px;
	}
#contenant #contenu	div.barreNavigation div.active,
#contenant #contenu	div.barreNavigation div:hover,
#contenant #contenu	div.barreNavigation div:hover a{
	background-color:#7B9F01;
	color:#FFF;
	font-weight:bold;
	}
#contenant #contenu	div.barreNavigation div a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
	}
/*fin nouvelle navigation*/
/* ---------------------------------------************ DRUPAL***********-------------------------- */
div.item-list {
 	margin: 0;
	padding: 0;
	}
div.item-list ul {
	margin: 0;
	padding: 0;
	}
div.item-list ul li {
	list-style: none;
	border-top: solid 1px #CCC;
	display: block;
	}
div.item-list ul li:first-child {
	border-top: none;
	}
div.item-list ul li div a {
	color: #333;
	text-decoration: none;
	}
div.item-list ul li div.list {
	margin: 5px 0 0 0;
	}
div.item-list ul li div.list img {
	float: left;
	margin: 0 10px 5px 0;
	display: table-cell;
	max-width: 147px;
	max-height: 70px;
	}	
div.item-list ul li div.list div.texte p{
	display:table-cell;
	}
div.item-list ul li div.list:hover {
	background-color:#FBFBFB;
	}
div.item-list ul li div.list h3 {
	margin-top: 0;
	}
div.item-list ul li div.list div.text{
        display:table-cell;
        padding-bottom:5px;
}
/******* pager ************/
div.item-list ul.pager li {
        list-style: none;
        border: none;
        display: inline;
        margin-right:5px;
        }

div.item-list ul.pager{
        text-align:center;
        }

/********** Drupal FORM ****************/
div.captcha img{
	margin-left:180px;
}

/*****************************************************/
/* Style pour les tableaux et formulaire de profil  */
/*****************************************************/
div.tableProfil table{
	width:100%;
}
div.tableProfil table th{
	padding: 3px 0 3px 5px;
	vertical-align: top;
	text-align:left;
}
div.tableProfil table th a{
	color:#000000;
}
div.tableProfil table th:first-letter{
	text-transform:uppercase;
}
div.tableProfil table tr:hover,
div.tableProfil table th{
	background-color:#DBF018;
}
form #hobby, form #ideabox{
	style:display: block;
	width:100%;
}
/*********** erreurs / messages *******************/
#message{
	text-align:left;
	background-color: #F0FFF0;
	border: 1px solid #008000;
	padding: 5px;
	border-radius: 8px;
	margin-top:10px;
	margin-bottom:10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#message h1{
	font-size: 13px;
	padding-left:5px;
        color: #008000;
}
#errors h1{
	font-size: 13px;
	padding-left:5px;
        color: #FF0000;
}
#message ul li,
#errors ul li{
	list-style: none;
}
#errors{
	text-align:left;
	background-color: #FFC4C4;
	border: 1px solid #FF0000;
	padding: 5px;
	border-radius: 8px;
	margin-top:10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}