body{
	color:#000;
	background-color:#efece2;
	font:100% arial, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

html,body,ol,ul,form,fieldset{
	margin:0;
	padding:0;
}

img{
	border:none;
	margin:0;
	padding: 0;
}

textarea{
	font:inherit;
}

.cleaner{
	visibility:hidden;
	height:1px;
	margin:0;
	padding:0;
	clear:both;
}

/* ----------------------------- 
          Typographie          
 ----------------------------- */
a{
	font-family:Arial, Tahoma, Helvetica, Sans-Serif;
	color:#6D90D8;
	text-decoration:none;
	font-weight:lighter;

}

a:hover{
	color:#DE9731;
}

a.info{
	position:relative;
	border-bottom: 1px gray dotted;
}

a.info span{
	display:none;
}

a.info:hover{
	z-index:500;
}

a.info:hover span{
	display: inline; 
	position: absolute;
	white-space: nowrap;
	top:20px;
	left:20px;
	padding : 2px 3px;
	font-size : 0.9em;
	background-color: #6D90D8;
	color:#FFF;
	border:1px solid #DE9731;
}

h2,h3{
	font-family: georgia, "Trebuchet MS", arial, helvetica, Sans-Serif;
	font-weight: bold;
	margin:0;
	padding:0;
}

h2{
	border-bottom: 1px solid #DE9731;
	color:#de9731;
	padding-bottom: 3px;
	margin-bottom: 8px;
}

p, .texte_news{
	font-family:Arial, Tahoma, Helvetica, Sans-Serif;
	color:#505050;
	font-size:0.8em;
	line-height:1.4em;
	margin: 0;
	padding: 0;
}

acronym {
	cursor : help;
}
	
.texte_news li {
	font-size: 1em;
	list-style-position : inside;
}

.texte_news {
	margin : 10px 0;
}

.erreur,.valide{
	width:55%;
	margin:15px auto;
	padding:15px;
}

.erreur{
	border:4px solid #c60000;
	color:#c60000;
}

.valide{
	color:#009700;
	border:4px solid #009700;
}

.erreur_titre{
	color:#c60000;
}

li{
	font-family:Arial, Tahoma, Helvetica, Sans-Serif;
	font-size:0.8em;
	color:#636363;
}

.aucun_retour{
	text-align:center;
}

.url{
	background-image:url("images/icones/ico-url.png");
	background-repeat: no-repeat;
	background-position: left;
	height:16px;
	padding-left:20px;
}

form p span{
	display:block;
	position:relative;
	margin-left:42%;
	top:-15px;
	font-weight:700;
	color:#9c0e0e;
}

.liste_erreur{
	list-style-image:url(images/icones/ico-erreur.png);
	list-style-position:inside;
}

.liste_erreur li{
	color:#9c0e0e;
	font-weight:700;
}

.bloc_news h3 a:hover{
	color:#ed8341;
}

.bloc_news img {
	margin-top: 15px;
}

.texte_news_accueil{
	text-align:justify;
	margin-left:85px;
	font-weight:lighter;
	margin-top: 13px;
}

.description p {
	color: white;
	font-size: 0.9em;
}

/* ----- style des bandeaux de titre ----- */
.titre_partie{
	width:100%;
	margin-bottom:8px;
}

.colonne_gauche .titre_partie{
	height:36px;
}

.colonne_droite .titre_partie{
	height:30px;
}

.titre_partie h2{
	position:relative;
	left:2px;
	top:2px;
	padding-left:15px;
	padding-top:4px;
	border:1px solid #FFF;
	font-weight:lighter;
	color:#FFF;
}

.colonne_gauche .titre_partie,.colonne_gauche .titre_partie h2{
	background-color:#7a451e;
}

.colonne_gauche .titre_partie h2{
	width:524px;
	height:23px;
	font-size:1.2em;
}

.colonne_droite .titre_partie,.colonne_droite .titre_partie h2{
	background-color:#de9731;
}

.colonne_droite .titre_partie h2{
	width:290px;
	height:17px;
	font-size:0.9em;
}

/* ----------------------------- 
          Formulaires          
 ----------------------------- */
form{
	background:url(../images/ico-contact.png) no-repeat top right;
	padding-top:30px;
}

input,label{
	margin-bottom:15px;
}

label{
	display:block;
	float:left;
	width:40%;
	border-bottom:1px dotted #636363;
}

input,textarea{
	border:1px solid #636363;
	padding:3px;
}

input{
	width:210px;
}

textarea {
	margin-left : 41%;
}

.bouton_envoie{
	width:85px;
	height:25px;
	margin-top:5px;
	margin-left: 41%;
	border:none;
	background:url(images/bouton_envoie.png) no-repeat;
	color:#FFF;
	font-weight:700;
	font-size:0.7em;
	cursor:pointer;
}


/* ----------------------------- 
            Header             
 ----------------------------- */
#fond_header{
	height:135px;
	background:url(images/fond_header.png) repeat-x;
}

#evitemments{
	height:20px;
	background:#FFF;
	margin:auto;
}

#evitemments ul{
	width:988px;
	padding-top:2px;
	list-style-type:none;
	margin:auto;
}

#evitemments ul li a{
	display:block;
	float:left;
	width:95px;
	padding-left:40px;
	font-size:1em;
}

.logo{
	margin-left:15px;
	margin-top:10px;
}

.description{
	position:relative;
	width:258px;
	left:715px;
	top:-35px;
}

/* ----- menu ----- */
.barre_menu{
	height:35px;
	width:100%;
	z-index:2;
	background:url(images/motif_menu.png) repeat-x;
}

.menu ul{
	margin-left:572px;
	list-style-type:none;
}

.menu ul li{
	font-size:1.4em;
	padding-top:4px;
	text-align:center;
	font-weight:lighter;
	float:left;
	width:130px;
	height:32px;
}

.menu ul li a{
	display:block;
	width:115px;
	height:30px;
	color:#fffcec;
}

.menu ul li a:hover{
	margin-top:-3px;
	padding-top:3px;
	background-color:#DE9731;
}

/* --- fin menu/Header--- 
 ----------------------------- 
              Corps            
 ----------------------------- */
#corps{
	width:896px;
	background:url(images/motif_corps.png) repeat-y;
	margin:auto;
	padding:0px 46px 50px;
}

.bas_corps{
	width:988px;
	height:23px;
	background-image:url("images/img_basCorps.png");
	background-repeat:no-repeat;
	background-position:bottom;
	margin:auto;
}

.propos h2{
	visibility:hidden;
	margin-top:-2000px;
	position:absolute;
}

.propos_avatar{
	float:left;
	width:74px;
	height:60px;
	margin-right:5px;
	margin-top: 8px;
	background-image:url("images/ombre.png");
	background-repeat:no-repeat;
	background-position:right;
}

.propos_avatar img{
	border:1px solid #FFF;
}

.propos p{
	margin-top:0;
	text-align:justify;
	line-height:1.24em;
	margin-bottom:5px;
}

/* Style de la bulle twitter */

.ico-twitter {
	display : inline-block;
	margin-right : 10px;
}

.twitter {
	display : inline-block;
	vertical-align : middle;
	padding:10px;
	margin:20px 0 5px 40px;
	background:#eee;
	width : 495px;
	margin-bottom : 20px;

	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.twitter p{
	color:#333;
	font-family: georgia, "Trebuchet MS", arial, helvetica, Sans-Serif;
	font-size : 1.1em;
}

/*triangle */
.twitter:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	z-index:1;
	margin-left :-40px;
	margin-top : -40px;
	width:0;
	height:0;
	border:15px solid transparent;
	border-right-color:#eee;
}


.twitter + p {
	width : 605px;
	margin-bottom : 20px;
	text-align: right;
}

/* ----- COLONNE DE GAUCHE  ----- */
.colonne_gauche{
	float:left;
	width:545px;
}

.colonne_gauche .bloc_partie{
	margin-bottom:30px;
}

.fb_like_button {
	display: inline;
	position: relative;
	left: -25px;
}

.tweetmeme_button {
	display: inline;
	position: relative;
	top : 5px;
}

/* ----- NEWS ----- */
.bloc_news{
	margin-bottom:35px;
}

.bloc_news h3 a{
	color:#7A451E;
}

.info_news img{
	float:left;
	background:#FFF;
	border:1px solid #505050;
	padding:3px;
}

.info_news span{
	font-size:0.9em;
	color:#ABA9A5;
	font-style: italic;
}

.retweet_button{
	float: right;
}


/* ----- COLONNE DE DROITE ----- */
.colonne_droite{
	margin-left:575px;
	padding-left:15px;
	width:311px;
	background-image:url("images/filet_colDroite.png");
	background-repeat:no-repeat;
	background-position:left;
}

.colonne_droite .bloc_partie{
	margin-bottom:20px;
}

.list_dir{
	list-style:url(images/icones/ico-dir.png) inside;
}

.commentaire_col {
	margin: 0;
}

.list_dir li, .liens_coup_coeur li{
	margin-bottom : 3px;
}

.liens_coup_coeur{
	list-style:url(images/icones/ico-url.png) inside;
}

/* ----------------------------- 
            Footer             
 ----------------------------- */
#footer{
	width:900px;
	height:27px;
	background:url(images/footer.png) no-repeat;
	margin:0 auto 15px;
	padding:12px 30px 0;
}

#footer p{
	text-align:right;
	color:#FFF;
	font-weight:bold;
	font-size:0.7em;
	margin:0;
}

#footer p a{
	color:#FFF;
}

#footer p a:hover{
	border-bottom:1px dotted #FFF;
}

.header,.menu{
	width:988px;
	margin:auto;
}

.img_creation,.bloc_news img{
	float:left;
}