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

body { margin:0; padding:0; background:url(../images/bg.jpg) no-repeat #000 top center; }
.txt3 strong { color:#FFF; }
#dsq-comments-title h3, #dsq-new-post h3 { color:#81AB23; }

#header { height:76px; background:url(../images/bg_header.jpg) repeat-x #000; }
#main { width:960px; margin:0 auto; }
#footer { height:23px; background:url(../images/bg_footer.jpg) repeat-x #000; width:100%; position:fixed; bottom:0; font:normal 11px "lucida grande",lucida,tahoma,helvetica,arial,sans-serif; color:#666; padding:8px 0 0 0; }

#prefooter { height:40px; background:url(../images/bg_1.jpg) repeat-x #000; width:100%; font:normal 11px "lucida grande",lucida,tahoma,helvetica,arial,sans-serif; color:#666; padding:8px 0 0 0; }

#header2, #footer2 { width:960px; margin:0 auto; }

#logo { width:315px; height:46px; padding:15px 0 0 0; position:relative; }
#menu { float:right; height:28px; font:normal 10px "lucida grande",lucida,tahoma,helvetica,arial,sans-serif; padding:35px 0 0 0; }
#menu ul { margin:0; padding:0; list-style:none; }
#menu ul li { float:left; margin:0 0 0 30px; }
#menu ul li a, #menu #recrut a { background:url(../images/bouton_off.jpg) no-repeat #7e7e7e; width:69px; height:24px; display:block; text-align:center; color:#FFF; text-decoration:none; padding:4px 0 0 0; }
#menu ul li a:hover, #menu #recrut a:hover { background:url(../images/bouton_on.jpg) no-repeat #81aa22; }
#menu ul li a.on1, #menu #recrut a.on1 { background:url(../images/bouton_on.jpg) no-repeat #81aa22; }
#menu #recrut a { background-image:url(../images/bouton2_off.jpg); width:85px; }
#menu #recrut a:hover { background-image:url(../images/bouton2_on.jpg); }
#menu #recrut a.on1 { background-image:url(../images/bouton2_on.jpg); }

#adresse_footer { float:right; padding:0 10px 0 0; }
#copyright { padding:0 0 0 10px; }

#lecteur { width:825px; height:495px; margin:75px auto 0 auto; }

#news { width:325px; height:90px; float:left; background:url(../images/bg_news.jpg) no-repeat #141414; font:normal 11px "lucida grande",lucida,tahoma,helvetica,arial,sans-serif; color:#666; padding:14px 10px 0 10px; margin:25px 46px 0 0; }
.titre_vert { color:#669900; text-transform:uppercase; font:normal 14px arial; }
.titre_vert2 { color:#669900; font:bold 14px arial; }
.titre_vert3 { color:#669900; font:bold 14px arial; }
#news a { color:#669900; }

#plus { width:45px; height:104px; float:left; margin:25px 0 0 0; }
a:focus { outline:0; } 

#conteneur { margin:0 0 0 66px; }

#gauche { width:650px; float:left; margin:0 10px 0 0; height:auto !important; min-height:1500px; height:1500px; }
#droite { width:300px; float:left; background:url(../images/bg_droite.jpg) repeat-x; font:normal 11px "lucida grande",lucida,tahoma,helvetica,arial,sans-serif; color:#ccc; padding:10px 0 0 0; }
#droite2 { width:300px; margin:10px 0 0 0; float:left; text-align:center; background:url(../images/bg_droite.jpg) repeat-x; }

#agence, #portfolio, #contact { background:url(../images/bg_un.jpg) no-repeat; font:normal 11px "lucida grande",lucida,tahoma,helvetica,arial,sans-serif; width:630px; color:#ccc; padding:10px 10px 0 10px; height:auto !important; height:280px; min-height:280px; margin:0 0 30px 0; }
#portfolio, #contact { background:url(../images/bg_1a.png) no-repeat; }
#exister, #vivre, #communiquer, #contexte, #objectif, #solution { background:url(../images/bg_2.png) no-repeat; width:185px; height:auto !important; height:138px; min-height:138px; padding:12px 12px 0 12px; font:normal 11px "lucida grande",lucida,tahoma,helvetica,arial,sans-serif; color:#ccc; float:left; }
#exister, #contexte { margin:0 11px 0 0; }
#vivre, #objectif { margin:0 11px 0 0; }

#exister a, #vivre a, #communiquer a { color:#ccc; text-decoration:none; }
#exister a:hover, #vivre a:hover, #communiquer a:hover { color:#7fa822; }

#telechargement { background-color:#648b19; text-align:center; font:normal 14px "Myriad Pro", Arial; color:#FFF; padding:3px 0; margin:60px 0 0 0; }
#telechargement a { color:#FFF; text-decoration:none; }

#ariane { font:normal 12px arial,sans-serif; color:#7fa822; margin:45px 0 5px 30px; }
#ariane a { color:#ccc; text-decoration:none; }
#ariane a:hover { text-decoration:underline; }

#total { height:28px; }
.titre { background:url(../images/titre_bg.jpg) repeat-x #7ca521; float:left; height:23px; color:#000; /*333*/ font:bold 14px "Myriad Pro", Arial; padding:5px 20px 0 5px; }

#medias_sociaux { margin:20px 0 0 0; }

#confiance { clear:both; }
#conf { float:left; }
#conf ul { margin:0; padding:0; list-style:none; }
#conf ul li { float:left; border:1px solid #333; height:95px; }
#conf ul li img { display:block; }

#droite ul { list-style:none; padding:10px; margin:0; float:left; }
#droite ul li { margin:0; padding:0; }
#droite ul li a { text-decoration:none; color:#cccccc; background: url(../images/fleche_cat.jpg) no-repeat left center; padding:0 0 0 10px; }
#droite ul li a:hover { color:#7fa822; }

.vert { text-decoration:none; color:#cccccc; }
.vert:hover { color:#7fa822; }
.bloc .txt2 .verta { color:#7fa822; text-decoration:none; font-weight:bold; float:right; }
.bloc .txt2 .verta:hover { color:#ccc; }

.cont1 { border:5px solid #333; background-color:#333; margin:0 0 10px 0; width:620px; height:133px; }
.cont4 { border:5px solid #333; background-color:#333; margin:0 0 10px 0; width:620px; }
.cont2 { background-color:#000; width:440px; float:left; }
.cont2 img { border:none; }
.txt { float:left; width:165px; padding:5px; margin:0 0 0 5px; height:123px; color:#CCC; overflow:hidden; }
.cont3 { width:620px; overflow:hidden; }

.cont1 a { text-decoration:none; color:#CCC; height:133px; float:left; } 
.cont1 a:hover { background:url(../images/select.png) no-repeat bottom right; }

h1 { font:bold 18px "lucida grande",lucida,tahoma,helvetica,arial,sans-serif; color:#81ab23; text-transform:uppercase; margin:0; padding:10px 0 0 0; }
h2 { font:normal 11px "lucida grande",lucida,tahoma,helvetica,arial,sans-serif; color:#fff; margin:0; padding:0 0 20px 0; }
h2 a { color:#7fa822; text-decoration:none; }

.blanc { color:#FFF; font-weight:bold; background:url(../images/puce.jpg) no-repeat left center; padding:0 0 0 10px; }
#action, #action2 { float:right; background-color:#648b19; font:bold 14px "Myriad Pro", Arial; color:#FFF; padding:3px 5px; margin:0 0 10px 0; }
#action a, #action2 a { color:#FFF; text-decoration:none; }
#action a:hover, #action2 a:hover { color:#ccc; }
#action { margin:0 0 0 5px; }
#action2 { background-color:#333; }

.basic  {
	width: 250px;
}
.basic div  {
	float:left;
	clear:left;
}
.basic a {
	cursor:pointer;
	padding:5px;
	margin-top: 0px;
	text-decoration: none;
	color:#6FAB24;
	float:left; clear:left;
}
.basic a:hover {
	background-color:#6FAB24;
	color:#000;
}
.basic a.selected {
	background-color:#6FAB24;
	color:#000;
}
.myriad { font:bold 18px "Myriad Pro", Arial; color:#333; }

#pagination { clear:both; text-align:center; padding:10px 0 0 0; }
#pagination .lien_pagination, #pagination .on { padding:2px 8px; margin:0 2px 0 0; color:#FFF; background-color:#7fa822; border:1px solid #7fa822; text-decoration:none; font:bold 12px "Myriad Pro", Arial; }
#pagination .lien_pagination { background-color:#FFF; color:#7fa822; border-color:#7fa822; text-decoration:none; font:bold 12px "Myriad Pro", Arial; }

#precedent { float:right; }
#precedent a { color:#87b124; text-decoration:none; }

#droite ul li a.oui { color:#7fa822; font-weight:bold; }
#contact2 a { color:#7fa822; text-decoration:none; }

#footer a { color:#666; text-decoration:none; }
#footer a:hover { color:#7fa822; text-decoration:underline; }

#footer3 a { color:#666; text-decoration:none; }
#footer3 a:hover { color:#7fa822; text-decoration:underline; }

#footer3 { background:url(../images/bg_2.jpg) repeat-x #262827; width:100%; /*position:fixed; bottom:0;*/ font:normal 11px "lucida grande",lucida,tahoma,helvetica,arial,sans-serif; color:#666; padding:8px 0 0 0; }
#footer4 { width:960px; margin:0 auto; }

.bloc { font:normal 12px arial,sans-serif; line-height:18px; color:#fff; background:url(../images/bg_un.jpg) repeat-x; width:610px; padding:10px 10px 0 10px; height:auto !important; height:150px; min-height:150px; margin:10px 0 20px 10px; }
.bloc2 { font:normal 14px arial,sans-serif; color:#fff; background-color:#212121; line-height:18px; width:590px; padding:10px 20px 20px 20px; height:auto !important; height:580px; min-height:580px; margin:10px 0 20px 10px; }
.logo_art { float:left; width:150px; height:100px; margin:0 10px 0 0; border:1px solid #666; }
.txt2 { width:448px; float:left; color:#FFF; }
.txt2 h3 a { color:#fff; text-decoration:none; font:bold 16px "lucida grande",lucida,tahoma,helvetica,arial,sans-serif; }
.txt2 a { color:#fff; text-decoration:none; }
.txt3 a { color:#7fa822; text-decoration:none; }
.txt2 a:hover, .txt3 a:hover { text-decoration:underline; }
.bloc h3 { margin:0 0 5px 0; padding:0 0 0 0; color:#FFF; }
.date_auteur, .date_auteur2 { margin:5px 0 10px 0; color:#999; }
.date_auteur2 { color:#7fa822; }
.txt3 { text-align:justify; }
.txt3 h2 { font:bold 18px helvetica,"lucida grande",lucida,tahoma,arial,sans-serif; margin:0; padding:0; text-align:left; }
.txt3 h3 { color:#FFF; text-decoration:none; font:bold 14px helvetica,"lucida grande",lucida,tahoma,arial,sans-serif; }
.bloc2 .txt3 a.spip_out { color:#7fa822; }

.cat a { color:#fff; text-decoration:none; }
#pub { margin:50px 0 5px 0; float:left; }
#facebook_fan { margin:6px 0 0 0; padding:10px;  }
.cat { background-color:#7fa822; padding:0 5px 2px 5px; margin:0 0 1px 0; float:left; }
#mySlideshow { background:#000; width:630px; height:270px; /*padding:6px;*/ margin:10px 0 20px 10px; }
#mySlideshow2 { background:#000; width:630px; /*padding:6px;*/ margin:10px 0 20px 10px; }
#derniers_articles, #derniers_commentaires, #suivez_nous { float:left; width:300px; margin:0 8px; }
#derniers_articles a, #derniers_commentaires a, #suivez_nous a { color:#CCC; }
.formulaire_spip fieldset legend { background-color:inherit; background-color:none; color:#7fa822; font:bold 18px "lucida grande",lucida,tahoma,helvetica,arial,sans-serif; }
.formulaire_spip label { color:#CCC; }
.formulaire_spip p.explication { color:#999; }
.forum { margin:10px 0 0 0; padding:0; list-style:none; }
.repondre { display:none; }
.forum-titre a { color:#7fa822; }
table.spip_barre a img { background-color:#FFF; }

.forum-message { padding:10px; background:url(../images/bg_1.jpg) repeat-x #111113; }

#ff { background:url(../images/bg_ff.jpg) repeat-x #FFF bottom; padding:10px 30px; font:normal 12px arial; color:#333; display:block; height:70px; text-align:left; }

#pub a img { border:0; }




	#mce-error-response, #mce-success-response {
		width: 385px; /*405-10-10*/
		height: 170px; /*190-10-10*/
		border:4px solid #FFF;
		margin: 170px auto;
		text-align: left;
		padding: 10px;
		background: url(images/bg_un.jpg) top repeat-x;
		
	}