/* Import de la CSS d'initialisation

----------------------------------------------------------*/



@import url(structure.css);



/* Construction (Montage)

----------------------------------------------------------*/



body { color:#222; font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; }



h1 { /*color:#222;*/ font-size: 12px; font-weight:bold; padding-bottom:15px; }



h2 { color:#222; font-size: 1.3em; }



h3 { color:#222; font-size: 1.17em; }



h4 { color:#222; font-size: 1em; }



h5 { color:#222; font-size: 0.83em; }



h6 { color:#222; font-size: 0.67em; }



p { color:#222; font-size: 1em; }



ul, ol { color:#222; font-size: 1em; padding-left:25px; }



li { color:#222; font-size: 1em; }



a { color:#222; text-decoration:underline; }



a:hover { text-decoration:none; } /* si changement de couleur au survol */



a:visited { } /* si changement de couleur après le clic */



input { }



textarea { }



em { }



strong { }



/* Éléments Particuliers

----------------------------------------------------------*/



/* Placement d'images */

.imgLeft { float:left; margin-right:1em; }



.imgRight { float:right; margin-left:1em; }



/* Des classes d'alignement d'objets */

.aligntop { vertical-align:top; }



.alignbottom { vertical-align:bottom; }



.aligncenter { margin-left:auto; margin-right:auto; }



/* Des classes d'alignement du texte */

.left { text-align: left; }



.right { text-align: right; }



.center { text-align: center; }



.justify { text-align: justify; }



/* Des classes de formatage du texte en ligne */

.bold { font-weight: bold; }



.italic { font-style: italic; }



.strike { text-decoration: line-through; }



/* Des classes flotante */

.floatleft { float: left; }



.floatright { float: right; }



/* Les "nettoyeurs" */

.clearb { clear: both; }



.clearer { clear: both; width: 0; height: 0; line-height: 0; }



/*--------------*/



#marge { width:50px; height:200px; float:left; }



#coordonnees { padding:10px 0 0 0; text-align:center; }



#coordonnees a img { border:none; }



/*-------------------------formulaire------------------------*/



	#formulaire { background: transparent; text-align:center; width:400px; padding:0px 0 0 50px; float:left; } /* carateristique du formulaire */



#formulaire * { margin:0 0 2px 0; padding:0; } /* caracteristique de toutes les balises qui se trouvent dans le formulaire */



.labelform { width: 203px; float: left; text-align: right; margin: 0 5px 0 0; } /* carateristique des label, width minimum 203px; */



.pform { padding: 3px 0px 10px 0px; text-align:left; clear:both; } /* carateristique des p */



.inputform { width:195px; height:13px; float:left; margin: 0 5px 0 2px; } /* carateristique des input */



.textareaform { width:398px; height:100px; overflow: auto; background-color:transparent; } /* carateristique du textarea */



.selectform { height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#222; background-color:#77A8D1; border: 1px solid #222; } /* carateristique des select */



.labelmessage { width:95px; } /* carateristique du label contenant "Votre message" */



#labelenvoyer { width:125px; } /* carateristique du label avant l'input envoyer, sert a centrer le bouton envoyer */



.inputenvoyer { width:150px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; } /* carateristique de l'input "envoyer mon 			message" */



.divtexte { margin: 5px 0 0 0; text-align:center; clear: both } /* carateristique de la div contenant le texte du captchat*/



#formulaire div { margin: 5px auto; } /* centrer dans le formulaire des div */



#formulaire div a { color:#222; } /* couleur du lien dans capchat */



.divimagecaptchat { display:none; } /* carateristique de la div entourant l'image captchat */



#code { background-color:transparent; color:#222; border: 1px solid #222; }



.transp, .inputtexte { background: transparent; border: 1px solid #222; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#222; } /* pour rendre les input et textarea transparent avec une bordure */



/*-------------------------fin formulaire------------------------*/

.gallery{}

.imageleftc1

{

width:200px;

height:150px;

float:left;

padding-right:100px;

}



.imagerightc1

{

width:200px;

height:150px;

float:right;

}

.imagerightc1-1

{

width:200px;

height:150px;

float:right;

padding-left:15px;

}

.imageleftc2

{

width:200px;

height:150px;

float:left;

padding-right:0px;

}

.imagerightc2

{

width:200px;

height:150px;

float:right;

}
.imagerightc6

{

width:200px;

height:150px;

float:right;
margin-left:5px;

}
.frame1

{

width:100px;

height:150px;

float:left;

}

.imageleftc3

{

width:160px;

height:123px;

float:left;

padding-right:54px;

}
.imageleftc4

{
	width:160px;
	height:123px;
	float:left;
	padding-right:0px;

}
.imagerightc3

{

width:160px;

height:123px;

float:right;

}

.imageleftc3-1

{

width:160px;

height:123px;

float:left;

padding-right:0px;

}

.imagerightc3-1

{

width:160px;

height:123px;

float:right;

}

.imagerightc3-2

{

width:160px;

height:123px;

float:right;

padding-left:15px;

padding-top:20px;

}

sup

{

font-size:10px;

vertical-align:super;

}

table#color1

{

border:1px solid #FFFFFF;

color:#FFFFFF;

}
#camp table

{

border:1px solid #FFFFFF;

color:#FFFFFF;

}
#camp td

{
width:33%;border:1px solid #FFFFFF;
}
#camp2 table

{ border:none;

color:#FFFFFF;

}
#camp2 td

{
width:33%; vertical-align:top;border:1px ridged #FFFFFF;
}
table#color1 td , th

{

vertical-align:middle;

padding:5px;

border:1px solid #FFFFFF;

color:#000;

}

.color1

{
	text-align:center;
	background-color: #990000;
}
.color1 p

{
	
	color: #fff;
}
.color2

{
	text-align:center;
	background-color: #0099CC;
}

.color3

{

background:#CCCCCC;

text-align:center;

}

.imagelarge1

{

width:460px;

height:165px;

padding-left:15px;

float:right;

}

.menuleft

{

width:90px;

height:130px;

float:left;

margin-top:10px;

}

.menuleft2

{

width:90px;

height:160px;

float:left;

margin-top:10px;

}

.plan1

{

width:195px;

height:137px;

float:left;

padding-right:10px;

margin-top:5px;

}

.plan2

{

width:187px;

height:159px;

float:left;

padding-right:10px;

}

.margintext

{

margin-left:295px;

}

.imageplan

{

width:204px;

height:350px;

float:right;

padding-right:50px;



}

.contentleft

{

width:390px;

height:150px;

float:left;

text-align:justify;

padding-right:10px;

}

.contentright

{

width:390px;

height:150px;

float:right;

text-align:justify;

padding-left:10px;

}

.contentleft-1

{

width:390px;

height:150px;

float:left;

text-align:justify;

padding-right:10px;

}

.contentright-1

{

width:390px;

height:150px;

float:right;

text-align:justify;

padding-left:10px;

}

.contentleft-2

{

width:390px;

height:205px;

float:left;

text-align:justify;

padding-right:10px;

}

.contentright-2

{

width:390px;

height:205px;

float:right;

text-align:justify;

padding-left:10px;

}

table#color-2

{

border:1px solid #0099FF;

}

table#color-2 th, td

{

border:1px solid #0099FF;

vertical-align:middle;

padding:5px;

}

.color4

{

background:#0099FF;

}

.buttom

{

padding-right:5px;

}

.imagegiteleft

{

width:340px;

height:123px;

float:left;

border:2px solid #0033FF;

}
.imagegiteleft2

{

width:340px;

height:123px;

float:left;
text-align:center;

}.frame

{

width:100px;

height:123px;

float:left;

}

.content

{

width:100px;

height:73px;

text-align:center;

float:right;

vertical-align:middle;

padding-top:40px;

}
.content2

{


text-align:justify;

float:right;

vertical-align:middle;

padding-right:5px;

}
.content-1a

{

width:120px;

height:73px;

text-align:center;

float:right;

vertical-align:middle;

padding-top:40px;

}

.logoimage

{

width:70px;

height:70px;

float:left;

padding-left:5px;

margin-top:30px;	

}

.fixintro

{

width:830px;

margin:0 auto;

}

.buillet

{

margin-top:3px;

margin-bottom:5px;

vertical-align:middle;

margin-right:5px;

}

.fix-page1

{

width:935px;

margin:0 auto;

}

.frame2

{

width:100px;

float:left;

height:150px;

}

.logo1

{

width:80px;

height:83px;

float:left;

margin-right:15px;

margin-left:140px;

}

.imagea

{

width:302px;

height:183px;

float:right;

padding-left:15px;

margin-top:-10px;

}

.margintopcontent

{

margin-top:6px;

}

.margintext1

{

margin-left:50px;

}
.titreprox
{
	background-color: #4C8C40;
	font-weight: bold;
	color: #fff;
	padding: 2px;
	border: 1px solid #fff;
	margin-bottom: 5px;
}
.imgcamp { border:1px solid #fff}.chal2 {
	margin: 0 40px;
}
.plan3 {
	float:left;
}
#infoclient { float:left; padding:0 0 2em 0; }
#hebergeur { float:right; padding:0; }
.mnl {
	vertical-align: middle;
}
.camp1 {
	margin:5px 2px;
	border:1px solid #FFFFFF;
}
.imagecamp

{
	width:340px;
	height:123px;
	float:left;
	border:2px solid #fff;
	margin-bottom: 5px;

}
.imagecamp2

{

width:340px;

height:123px;

float:left;
text-align:center;

}
.titreheberge {
	color: #000;
	background-color: #FFFFFF;
	width:340px;
	height:20px;
	float:left;
	border:2px solid #000;
	margin-bottom: 5px;
	text-align:center;
	font-weight: bold;
}
.frameh

{

width:100px;

height:20px;

float:left;

}
.txtpetit {
	font-size: 0.9em;
}
.contentcamp {
	width:150px;
	height:73px;
	text-align:center;
	float:right;
	vertical-align:middle;
	padding-top:40px;
}
.photomobil {
	height: 150px;
	width: 200px;
	float: right;margin-top:-10px;
}
.imageh

{

width:248px;

height:150px;

float:right;

padding-left:15px;

margin-top:-10px;

}.rouge {
	color: #990000;
	font-weight: bold;
}
.clearvalidator{ clear:both; height:3px;}