/* Feuille de style pour le contenu des pages

 * C'est cette feuille de style qui doit être liée aux pages du site

 * La feuille de style de la charte est appelée depuis cette feuille.

 */

 

/* Import des style pour la charte */

@import "charte.css";



/* STYLE CYC  (ne pas supprimer) */

.cyc {

	position: absolute;

	top: -10000px;

}



/* STYLE DE LA PAGE CONTACT */

.txt-form{font-size:11px;

font-weight:bold;

color:#005978;

font-family: Arial, Helvetica, sans-serif;}



#contactTxt{

	width:45%;

	float:left;

}

#contactPlan{

	width:45%;

	float:right;

}

#formContact input,textarea{

	color:#005978;

	font-family: Arial, Helvetica, sans-serif;

	width:100%;

	border:1px solid #049DDE;

	font-size:11px;

}

#formContact input:focus,textarea:focus{

	font-size:11px;

	color:#005978;

	font-family: Arial, Helvetica, sans-serif;

	border-color:#FF0000;

	width:100%;

}

#formContact .champRequis{

	color:#FF0000;	width:100%;

}



.txtgalerie{

float:left;

width:380px;

}

.txtgalerie2{

float:left;

width:380px;

}

.phot_galerie{

float:right;

width:200px;

border:2px solid #16bafd;

margin-right:10px;

}



.contact_fomulaire {

	width:500px;

	float:left;

	padding-bottom:20px;

	margin-left:30px;

}



.text-formulaire{

font-size:11px;

color:#005978;

font-family: Arial, Helvetica, sans-serif;

}

.loi{

text-align:justify;

font-size:10px;

color:#005978;

font-family: Arial, Helvetica, sans-serif;

}

.captcha{

text-align:justify;

font-size:10px;

color: #FF0000;

font-family: Arial, Helvetica, sans-serif;

}

.horaire{

float:left;

width:160px;}

.coord{

float:left;

width:326px;

margin-left:20px;}

/* STYLE DE LA PAGE index */



.galerieacc{

float:right;

width:200px;

height:150px;

padding-top:9px;



}





.ficheProd {

	width:139px;

	height: auto;

	float:left;

	border:1px solid #16BAFD;

	margin:2px;

	margin-top:30px;

	display:block;

	background:#CDE8EE url(../images/charte/bg-ficheProd.jpg) left top repeat-x;

	position:relative;

	padding:3px



}

.ficheProd_image{

border:1px solid #CBF3FA;

width:138px;

height:112px;

margin-bottom:5px;





}

.titre-listing {

	width:139px;

	height:50px;

	float:left;

	font:bold 13px Arial, Helvetica, sans-serif;

	margin-bottom:3px

}

.titre-rub {

	width:139px;

	height:20px;

	float:left;

	font:bold 13px Arial, Helvetica, sans-serif;

	margin-bottom:3px;

	color:#8f2400;

}

.titre-listing1 {

	width:139px;

	height:50px;

	float:left;

	font:bold 12px Arial, Helvetica, sans-serif;

	margin-bottom:2px

}

.titre-listing2 {

	width:139px;

	height:20px;

	float:left;

	font:bold 12px Arial, Helvetica, sans-serif;

	margin-bottom:2px;

	margin-top:-8px;	color:#08a2ff

}

.titre-listing3 {

	width:139px;

	height:20px;

	float:left;

	font:bold 18px Arial, Helvetica, sans-serif;

	margin-bottom:2px;

	margin-top:5px;	color: #FF0000

}

.titre-listing_reb {

	width:139px;

	height:20px;

	float:left;

	font:bold 18px Arial, Helvetica, sans-serif;

	margin-bottom:2px;

	margin-top:5px;	color: #161094;

}

.titre-listing4 {

	width:139px;

	height:25px;

	float:left;

	margin-bottom:2px;

	margin-top:5px;

}

.nouveau {

	width:160px;

	height:44px;

	position:absolute;

	background-image:url(../images/charte/new.png);

	background-repeat:no-repeat;

	top:-35px;

	left:-10px;

	_background:url();



	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/new.png', sizingMethod='image');



}

	.nouveau2 {

	width:110px;

	height:73px;

	position: absolute;

	background-image:url(../images/charte/new2.png);

	background-repeat:no-repeat;

	top:80px;

	right:-20px;

	_background:url();

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/new2.png', sizingMethod='image');



}



.image_acc{

float:left;

width:480px;margin-left:60px;

margin-bottom:20px;

padding:5px;

border-top:1px solid #95E0ED;

border-bottom: 1px solid  #95E0ED;

}

.image_acc img{

float:left;



}





/* STYLE DE LA PAGE LISTING */

.contenu_listing{

	width:560px;

	float:left;

	height:auto;

	padding:5px;

	margin-bottom:5px;

	background-image: url(../images/charte/bg-ficheProd1.gif);

	border:1px solid #16BAFD;

	

	

	

	}



.contenu_image{

float:left;

width:180px;

height:135px;



margin-left:5px;

padding-right:7px;

border-right:1px solid #16BAFD;



}

.img_listing{

float:left;

width:178px;

height:80px;

border:1px solid #16BAFD;}





#container .pagination {

	padding-top:25px;

	float:left;	

	width:600px;

	text-align:center;

	}

	

	#container .pagination  p{

	float:left;	

	width:600px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	text-align:center;

	}





#container .marque{

	width:180px;

	float:left;

	margin-bottom:1px;

	font:bold 16px Arial, Helvetica, sans-serif;

	}

	#contenuTexte .caracterefiche .fichecont p.marquefiche{

	font-weight:bold;

	border-bottom:1px dotted #02a1e3;

	margin-bottom:5px;

	padding-bottom:0px;

	/* color:#02a1e3; */

	color:#005978;

	width:248px;

	float:left;

}

#contenuTexte .caracterefiche .fichecont p.description{

	font-size:11px;

	margin-bottom:0px;

	width:250px;

	color:#008bb3;

}



.module_listing{

float:right;

width:350px;

height:135px;

position:relative;



}

#container  .modele{

	width:230px;

	float:left;

	font:bold 15px Arial, Helvetica, sans-serif;

	margin-top:5px;



	

}

#container  .annee{

	width:110px;

	float:left;

	text-align:right;

	font:bold 14px Arial, Helvetica, sans-serif;

	

	margin-top:5px;

}

#container  .prix_listing{

	width:180px;

	height:20px;

	float:left;

	font:bold 18px Arial, Helvetica, sans-serif;

	margin-top:10px;	color: #FF0000

}

.plus_inf{

	width:139px;

	height:25px;

	float:right;

	background-image:url(../images/charte/bgr1.jpg);

	margin-bottom:2px;

	margin-top:10px;

	

}

.plus_infos{

	width:139px;

	height:25px;

	float:right;

	margin-bottom:2px;

	margin-top:5px;



}



/* STYLE DE LA PAGE FICHE*/



.visuelfiche {

	float:left;

	width:330px;

	margin-right:5px;

	margin-bottom:20px;

}

.imageprincipale {

	float:left;

	width:330px;

	margin-bottom:15px;

}

.imageprincipale img{

	border:1px solid #02adfd;

}



.vignettefiche{

	float:left;

	width:330px;

	height:84px;

	margin-bottom:15px;

}

.vignettefiche .decimage{

	margin-right:9px;

}





.vignettefiche img{

	border:1px solid #02adfd;

}

.caracterefiche {

	float:right;

	width:270px;

	border:1px solid #02ADFD;

	margin-bottom:20px;

	padding-right:2px

}

.boutonfiche{

	float:left;

	width:330px;

	height:29px;

}

.boutonfiche .imageright {

	float:right;

}

.boutonfiche .imageleft {

	float:left;

}

.caracterefiche .fichehaut{

	float:left;

	width:256px;

	background-image:url(../images/charte/fichehaut.jpg);

	background-repeat:repeat-y;

	padding:3px 0 0 10px;

}

.caracterefiche .fichecont{

	float:left;

	width:258px;

	background-image:url(../images/charte/fichecont.jpg);

	background-repeat:repeat-y;

	padding:8px 0 10px 8px;

}



.aracterefiche .fichehaut p.desfiche{

	color:#0172a2;

	font-weight:bold;

	font-size:13px;

	text-align:center;

	width:250px;

	line-height:1.7em;

}

#contenuTexte .caracterefiche .fichecont p.bas{

	margin-bottom:10px;



}

.envoyer_ami{

float:left;

width:150px;}

.contacter_nous{

float:right;

width:150px;}

#container .texte_rouge{

font:bold 14px Arial, Helvetica, sans-serif;

color:#005979;

}



#container  .prix_fiche{

	width:110px;

	float:right;

	font:bold 18px Arial, Helvetica, sans-serif;

	margin-top:2px;	color: #FF0000

}

#container  .fiche_model{

	width:140px;

	float:left;

	font:bold 15px Arial, Helvetica, sans-serif;

	margin-top:2px;

}

 .marquefichem{

	font-weight:bold;

	border-bottom:1px dotted #02a1e3;

color:#003399;

	font-size:15px;

	width:250px

}





/* STYLE DE LA PAGE ACCES*/

.accesplan{

float:left;

width:427px;

margin-left:85px;

margin-top:30px;

border:1px solid #16BAFE;}





.liste{

float:left;

width:300px;

margin-top:10px;

}

.liste ul{

	margin-bottom:0px;

	padding:0px 0 5px 3px;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#005978;

	border:none;



}

 .liste li{

	

	color: #005978;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	background-image: url(../images/charte/puce.gif);

	background-repeat:no-repeat;

	list-style-type:none;

	padding:0px 0 10px 28px;

	font-weight:bold;

	margin-left:0px;

	



}

.marque a{

color:#0000FF;

}

.marque a:hover{

color:#0000FF;

}

.evennement{

float:left;

width:590px;

}

.img_evenement{

float:left;

width:200px;

margin-left:10px;

margin-bottom:5px;

margin-right:10px;

}



#contenuTexte .caracterefiche .fichecont span.description{

	font-size:11px;

	margin-bottom:0px;

	/* width:250px; */

	/*color:#008bb3;*/
	color:#005978;

	float:right;

}