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

body{
	margin:0;
	padding:0;
	font-family: "bauhaus medium", "Trebuchet MS", "sans serif";
	color:#222a31;
	font-size:12px;
	height: 500px;
	width: 100%;
	background-color: #232a31;
}
a {text-decoration:none;border-style: none;outline: none;color: #6E8E44;	font-family: "bauhaus medium", "Trebuchet MS", "sans serif";}
a:link, a:visited, a:active, a:hover{font-family: "bauhaus medium", "Trebuchet MS", "sans serif";font-weight: bold;font-size: 12px;color: #222a31;}
a.lienHover:hover {color:white;}
a.lienHover {text-decoration:underline;}
#wrapper {
	height: 650px;
	width: 990px;
	margin-top: 30px;
	margin-left: auto;
	background-color: #dae886;
	margin-right: auto;
	margin-bottom: 30px;
	background-image: url(images/coteVert.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#wrapper #contenu {
	height: 650px;
	width: 990px;
	float:left;
}
#wrapper #contenu p {
	font-family: "bauhaus light", "Trebuchet MS", "sans serif";
	font-size: 14px;
	font-weight: bold;
}

/*//////////DEBUT BLOC MENU NAVIGATION///////*/
#wrapper #contenu #menu {
	width: 200px;
	float: left;
	padding-right: 10px;
	background-image: url(images/coteVert.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 20px;
}
#wrapper #contenu #menu .nav2 a, .nav2contact a {color: #7E895B;}
#wrapper #contenu .nav1active, .nav2, .nav2contact, .nav2active {
	background-image: url(images/ongletOff.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 10px;
	text-align: left;
	list-style-type: none;
	width: 180px;
	float: left;
	height: 20px;
}
#wrapper #contenu .nav2contact {
	background-position:left 190px;
}
#wrapper #contenu .nav1active, .nav2active {
	background-image: url(images/ongletOn.gif);
	height: 30px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 10px;
	margin-bottom: 6px;
	padding-left: 40px;
}
#wrapper #contenu .nav2active {
	padding-top:200px;
	background-position:left 190px;
}
#wrapper #contenu .nav2contact {
	padding-top:190px;
	color: #6E8E44;
}
#wrapper #contenu .nav2, .nav2contact {color: #6d8d43;background-position: left center;height: 37px; line-height:37px;margin-bottom: 5px;padding-top: 5px;padding-left: 25px;}
#wrapper #contenu #menu .nav2 a:hover, .nav2contact a:hover { background-image:url(images/ongletOn.gif); background-position: left center;background-repeat:no-repeat; height:37px; display:block; margin-top:-2px; padding-left:40px; margin-left:-25px; color:#232a31;}
#wrapper #contenu #menu .nav2contact a:hover {margin-top:0px;}
#wrapper #contenu .nav2 {
	color: #7E895B;
	font-weight:bold;
}
/*//////////FIN BLOC MENU NAVIGATION///////*/
/*//////////DEBUT BLOC CENTRE///////*/
#wrapper #contenu #blocCentre, #blocCentre1, #blocCentre2 {
	height: 600px;
	width: 700px;
	float: left;
}
#wrapper #contenu #blocCentre {
	width: 750px;
}
#wrapper #contenu #blocCentre2 {
	width: 650px;
	background-image: url(images/reglePortfolio.gif);
	background-repeat: no-repeat;
}

#wrapper #contenu #blocCentre1 #welcome  {
	position: relative;
	top: 265px;
	margin-left: 0px;
	margin-top: 90px;
	font-size: 22px;
}
#wrapper #contenu #blocCentre1 #welcome h1 {font-size: 22px; font-family: "bauhaus medium", "Trebuchet MS", "sans serif"; font-weight:normal; }
#wrapper #contenu #blocCVX h1 {
	font-size: 18px;
	font-family: "bauhaus medium", "Trebuchet MS", "sans serif";
	font-weight:normal;
	display: block;
	margin: 0px;
}

#wrapper #contenu #blocCentre h1 {
	font-size: 18px;
	font-weight: normal;
	font-family: "bauhaus medium", "Trebuchet MS", "sans serif";
}
#wrapper #contenu #blocCentre #regle,
#wrapper #contenu #blocCentre #regleJaune {
	height: 500px;
	width: 10px;
	float: left;
	background-image: url(images/regle.gif);
	background-repeat: no-repeat;
	margin-top: 8px;
	margin-left: 10px;
}
#wrapper #contenu #blocCentre #regleJaune {
	background-image: url(images/regleJaune.gif);
	background-repeat: no-repeat;
	margin-left: 0px;
	width: 20px;
	height: 530px;
}
#wrapper #contenu #blocCentre #regleFleche,
#wrapper #contenu #blocCentre #regleFlecheRetour,
#wrapper #contenu #blocCentre #regleContinue {
	height: 530px;
	width: 24px;
	margin-left: 0px;
	background-image: url(images/regleFleche.gif);
	background-repeat: no-repeat;
	float: left;
}
#wrapper #contenu #blocCentre #regleFlecheRetour {
	background-image: url(images/regleFlecheRetour.gif);
	background-repeat: no-repeat;
}
#wrapper #contenu #blocCentre #regleContinue {
	background-image: url(images/reglecontinue.gif);
	background-repeat: no-repeat;
}

/*//////////FIN BLOC CENTRE///////*/
/*//////////DEBUT BLOC CVX///////*/
#wrapper #contenu #blocCVX {
	width: 380px;
	float: right;
	/*margin-top: 348px;*/
	height: 100px;
	padding-left: 20px;
	margin:0 50px 0 0;
}
#wrapper #contenu #blocCVX .rect,
#wrapper #contenu #blocCVX .rect1, .rect2 {
	background-image: url(images/bouton.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 14px;
	float: right;
}
#wrapper #contenu #blocCVX .rect1 {
	left: 154px;
}
#wrapper #contenu #blocCVX .rect2 {
	background-image: url(images/bouton2.gif);
}

#wrapper #contenu #blocCVX .diw, .diw2 {
	font-size: 24px;
	font-family: "bauhaus medium", "Trebuchet MS", "sans serif";
	font-weight: normal;
	float: left;
	width: 160px;
	text-align: right;
	background-image: url(images/bouton.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
	height: 35px;
	line-height: 35px;
}
#wrapper #contenu #blocCVX .diw { width: 210px; text-align:left; background: url(images/bouton.gif) no-repeat 0 center; padding:0 13px 0 20px; float:right;}
#wrapper #contenu #blocCVX .diw2 {
	width:280px;
	background-image: url(images/bouton2.gif);
	background-repeat: no-repeat;
	height: 35px;
	background-position: right center;
	text-align: right;
	line-height: 35px;
	padding: 0 20px 0 0; float:right
}

/*//////////FIN BLOC CVX///////*/

#wrapper #contenu #blocCentre h3 {
	font-size: 14px;
	margin: 0px;
	padding: 0 0 15px 0;
}

#wrapper #contenu #blocCentre #texte1 .bloc1, .bloc2, .bloc3, .bloc4 {
	display: block;
	padding: 0px;
	margin-left: 8px;
	line-height: 15px;
}
#wrapper #contenu #blocCentre #texte1 .bloc1{
	margin-top: -4px;
	margin-bottom: 10px;}
/*#wrapper #contenu #blocCentre #texte1 .bloc2 {
	padding: 0 0 15 0;
	margin: 0 0 0 8px;
}*/
#wrapper #contenu #blocCentre #texte1 dt {
	font-size: 14px;
	font-family: "bauhaus medium", "Trebuchet MS", "sans serif";
	font-weight: bold;
}
#wrapper #contenu #blocCentre #texte1 dd {
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}
#wrapper #contenu #blocCentre #texte1 .bloc3 {
	margin: 0 0 0 8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 22px;
	padding-left: 0px;
}
#wrapper #contenu #blocCentre #texte, #texte1 {width: 640px;margin-top: 20px;margin-left: 10px;background-image: url(images/regle.gif);background-repeat: no-repeat;padding-left: 20px;padding-top: 57px;height: 500px;float: left;}
#wrapper #contenu #blocCentre #texte1 {background-image: url(images/regle.gif);width: 700px;padding-top: 60px;height: 550px;}
#wrapper #contenu #blocCentre #texte2 {
	width: 390px;
	margin-top: 95px;
	margin-left: 30px;
}
#wrapper #contenu #blocCentre #texte3 {
	width: 390px;
	margin-top: 125px;
	margin-left: 30px;
}
#wrapper #contenu #blocCentre .lieu .lien {
	font-size: 14px;
	font-weight: normal;
	display: inline;
	color: #013401;
}
#wrapper #contenu #blocCentre .lienBold {
	font-size: 14px;
	font-weight: bold;
	display: inline;
	color: #7e895b;
}


#wrapper #contenu #blocCentre .date {
	line-height: 12px;
	font-weight: bold;
	height: 12px;
	vertical-align: middle;
	width: 18%;
}
#wrapper #contenu #blocCentre .lieu {
	line-height: 12px;
}
#wrapper #contenu #blocCentre #regleFleche a:hover,
#wrapper #contenu #blocCentre #regleFlecheRetour a:hover {
	background-image: url(images/regleFlecheHover.gif);
	background-repeat: no-repeat;
	height: 530px;
	width: 24px;
	float: left;
	margin-left: 0px;
}
#wrapper #contenu #blocCentre #regleFlecheRetour a:hover {
	background-image: url(images/regleFlecheRetourHover.gif);
	background-repeat: no-repeat;
}
#wrapper #contenu #blocCentre #regleFleche .fleche,
#wrapper #contenu #blocCentre #regleFlecheRetour .flecheRetour {
	height: 530px;
	width: 24px;

}
#wrapper #contenu #blocCentre .lieu a:hover {
	color: #6E8E44;
	font-size: 14px;
}
#wrapper #contenu #blocCentre .lienBold a:hover {
	font-weight: normal;
	color:#003300
}#wrapper #contenu #blocCentre #regleContinue {
	background-image: url(images/regleContinue.gif);
	background-repeat: no-repeat;
	height: 530px;
	width: 24px;
}
#wrapper #contenu #blocCentre2 #reglePortfolio {
	height: 550px;
	width: 70px;
	background-image: url(images/reglePortfolio.gif);
	background-repeat: repeat;
	float: left;
}
#wrapper #contenu #blocCentre2 .textPortfolio1,
#wrapper #contenu #blocCentre2 #textPortfolio2,  {
	float: left;
	height: 51px;
	width: 600px;
	padding-left: 5px;
	padding-top: 5px;
	font-size: 13px;
}
#wrapper #contenu #blocCentre2 .textPortfolio1 {
	width: 650px;
	padding: 0px;
	font-size: 12px;
	margin: 0px;
	height: 65px;
}
#wrapper #contenu #blocCentre2 #bigImg {
	width: 340px;
	float: left;
	height: 186px;
	margin-bottom: 20px;
	margin-left: 1px;
	padding-top: 20px;
	padding-left: 72px;
}

#wrapper #contenu #blocCentre2 .textPortfolio1 .img1 {
	width: 56px;
}
#wrapper #contenu #blocCentre2 .textPortfolio1 .text {
	width: 570px;
	padding-left: 5px;
	font-size: 12px;
}
#wrapper #contenu #blocCentre2 .textPortfolio1 .img1 .little {
	height: 56px;
	width: 56px;
	border: 1px solid #6E8E44;
	margin-right: 10px;
}

/*test nouveau portfolio*/
#wrapper #contenu #blocCentre3 {
	width: 650px;
	padding-top: 20px;
}
#wrapper #contenu #blocCentre3 {
	height: 560px;
	width: 760px;
	float: left;
}

#wrapper #contenu #blocCentre3 .textPortfolio1 {
	width: 650px;
	padding: 0px;
	font-size: 12px;
	margin: 0px;
	height: 65px;
}
#wrapper #contenu #blocCentre3 #bigImg {
	width: 400px;
	float: left;
	margin-bottom: 10px;
	margin-left: 1px;
	margin-top: 40px;
	border: 1px solid #ABC169;
	text-align: center;
}

#wrapper #contenu #blocCentre3 .textPortfolio1 .img1 {
	width: 56px;
}
#wrapper #contenu #blocCentre3 .textPortfolio1 .text {
	width: 570px;
	padding-left: 5px;
	font-size: 12px;
}
#wrapper #contenu #blocCentre3 .imaglittle .img1 .little {
	height: 56px;
	width: 56px;
	border: 1px solid #6E8E44;
	margin-right: 10px;
}
/*fin nouveau portfolio*/


#wrapper #contenu #footer {
	float: right;
	width: 400px;
	padding-left: 30px;
	height: 30px;
	font-weight: bold;
	color: #6E8E44;
	text-align: right;
	line-height: 22px;
	padding-right: 10px;
	padding-top: 18px;
}
#wrapper #contenu #blocCentre1 {
	height: 430px;
	width: 600px;
}
#wrapper #contenu #blocCentre #texte1 .lieu {
	font-size: 12px;
	line-height: 14px;
}
#texte1 .titre { font-size:14px; line-height: 14px; }
#wrapper #contenu .next, .retour {
	/*background-image: url(images/next.jpg);
	background-repeat: no-repeat;*/
	height: 30px;
	width: 45px;
	float: right;
	line-height: 25px;
	text-align: left;
	background-position: right;
}
/*#wrapper #contenu .retour {	background-image: url(images/retour.jpg);}
*/

#wrapper #contenu .retour {
/*	background-image: url(images/retour.jpg);
	background-repeat: no-repeat;
	background-position: left;
*/	width: 38px;
	padding-left: 20px;
	line-height: 25px;
	margin-top: 60px;
}
#wrapper #contenu span {
	display: none;
}
#wrapper #contenu #footer h1 {
	display: block;
	margin: 0px;
}
#wrapper #contenu #blocCentre3 .imagLittle, .imagLittle1, .imagLittle3 {
	height: 60px;
	width: 60px;
	padding: 2px 2px 4px 0;
}
#wrapper #contenu #blocCentre3 .imagLittle3 {float:left; padding-left:21px; width:56px;}

#wrapper #contenu #blocCentre3 .imagLittle .little, .imagLittle1 .little, .imagLittle2 .little, .imagLittle3 .little  {border: 1px solid #6E8E44;}
#wrapper #contenu #blocCentre3 .imagLittle1 {
	width: 60px;
	padding: 60px 2px 4px 0;
}
#wrapper #contenu #blocCentre3 .imagLittle2 {
	padding-top: 60px;
	float: left; padding-left:21px; height:64px;
}

#wrapper #contenu #blocCentre3 .imagGche, .imagDrte, .imagDrte2 {
	width: 75px;
	background-image: url(images/reglePortfolio.gif);
	background-repeat: no-repeat;
	float: left;
	height: 550px;
}
#wrapper #contenu #blocCentre3 .imagDrte, .imagDrte2 {
	background-image: url(images/reglePortfolioDrte.gif);
	width: 80px;
	margin-right: 20px;
}
#wrapper #contenu #blocCentre3 .imagDrte2 {background-image: url(images/reglePortfolioDrte2.gif);}
#wrapper #contenu #blocCentre3 #bigImg #imgdesc {
	text-align: left;
	padding: 2px;
}
#wrapper #contenu #blocCentre #texte #formulaire input {
	border: #FFF;
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 200px;
}
#wrapper #contenu #blocCentre #texte #formulaire {
	padding-left: 20px;
	border: 1px dashed #ABC169;
	width: 410px;
	float: left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
}
#wrapper #contenu #blocCentre #texte #formulaire h3 {
	text-align: center;
	padding-bottom: 0px;
}
#wrapper #contenu #blocCentre #texte .contact {
	float: left;
	width: 60px;
	height: 90px;
}
#wrapper #contenu #blocCentre #texte .coord a {
	font-size: 14px;
}
#wrapper #contenu #blocCentre #texte #formulaire .btn_valide .connex, .clear {
	font-size: 12px;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	background-color: #ABC169;
	cursor: pointer;
	margin-right: 30px;
	padding-right: 20px;
	height: 20px;
	width:120px;
}
#wrapper #contenu #blocCentre #texte #formulaire .btn_valide .clear {	background-color: #ABC169;width:120px;}
#wrapper #contenu p.erreur{
	font-size: 12px;
	color: #FF0000;
	font-weight: normal;
}
#wrapper #contenu #blocCentre #texte #formulaire .btn_valide {
	text-align: center; width:420px;
}
#wrapper #contenu #blocCentre #erreur {
	width: 230px;
	float: left;
	margin-top: 220px;
	height: 200px;
	padding: 5px;
	text-align: left;
	color: #FF0000;
	font-weight: normal;
}