/* 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";



/* page d'accueil */



#video_accueil {

	width:320px;

	height:280px;

	float:right;

	margin-bottom:20px;

	}

	

.accueil_gauche {

	width:270px;

	float:left;

	margin-bottom:7px;

	}

	

.accueil_droite {

	width:390px;

	float:right;

	}

	

#contenu .img_accueil {

	float:left;

	border:1px solid #4170B8;

	width:200px;

	}

	

	





/* presse */



.global_video {

	width:100%px;

	height:190px;

	margin-top:10px;

	border-bottom:1px solid #4A79BF;

	float:left;

	margin-bottom:10px;

	}

.global_video_tmp {

	width:100%px;

	height:190px;

	margin-top:10px;

	float:left;

	margin-bottom:10px;

	}	

.video {

	width:280px;

	height:180px;

	float:left;

	margin-left:10px;

	}

	

.titre_video {

	width:265px;

	height:25px;

	font-family:arial;

	font-weight:bold;

	font-size:1.5em;

	margin-left:0px;

	padding-left:5px;

	padding-top:2px;

	text-align:left;

	background: url(images2/fd_titre.gif) no-repeat;

	float:left;

	background-image:url(../images/presse/fd_titre.gif);

	background-repeat:no-repeat;

	}

	

.apercu_video {

	width:135px;

	height:135px;

	margin-top:10px;

	font-family:arial;

	font-size:1.2em;

	float:left;

	}

	

.apercu_video a img  {

	/* Largeur MAXIMUM de l'image :140px */

	border:none;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

}



.apercu_video a:hover img  {

	filter: alpha(opacity=80);

	-moz-opacity: 0.80; opacity:0.80;

}

	

.texte_video {

	width:120px;

	padding: 0 5px 0 5px;

	height:135px;

	margin-top:10px;

	font-family:arial;

	font-size:1em;

	float:left;

	font-family:arial;

	text-align:justify;

	}

	

.global_mag {

	width:600px;

	height:140px;

	margin-top:5px;

	float:left;

	margin-bottom:5px;

	}

	

.mag {

	width:190px;

	height:140px;

	float:left;

	margin-left:5px;

	background-color:#EAEFF6;

	}

	.mag_tmp {

	width:190px;

	height:140px;

	float:left;

	margin-left:5px;

	background-color:#FFFFFF;

	border:none;

	}

	

.apercu_mag {

	width:90px;

	height:120px;

	margin-top:10px;

	font-family:arial;

	font-size:1.2em;

	float:left;

	text-align:center;

	}

	

.texte_mag {

	width:88px;

	height:120px;

	margin-top:10px;

	padding-left:2px;

	font-family:arial;

	font-size:1em;

	float:left;

	font-family:arial;

	text-align:justify;

	}

	

.lien_mag {

	width:86px;

	height:15px;

	margin-top:13px;

	float:left;

	text-align:center;

	font-weight:bold;

	}

	

.lien_mag a {

	font-family:arial;

	font-size:1em;

	color:#3F6BB4;

	font-weight:bold;

	font-family:arial;

	text-align:center;

	}

	

.apercu_mag img {

	border:none;

	}

	

.apercu_mag a img{

	/* Largeur MAXIMUM de l'image :140px */

	border:none;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

}



.apercu_mag a:hover img{

	filter: alpha(opacity=80);

	-moz-opacity: 0.80; opacity:0.80;

}

	



	

/* PAGINATION */

.pagination_mag{

	width:100%;

	text-align:center;

	padding-top:5px;

	margin: 0 auto 0 auto;

	float:left;

	font-size:1.2em;

	font-weight:bold;

	border-bottom:1px solid #3F6BB4;

	padding-bottom:15px;

	}

	

.pagination_mag a{color:#ff0066;}	

.pagination_mag a:hover{color:#046010;}	



.fleche-gauche {

	border:none;

	margin-right:15px;

	padding-top:4px;

	}

	

.fleche-droite {

	border:none;

	margin-left:15px;

	padding-top:15px;

	}

	

.pagination_mag a img{

	/* Largeur MAXIMUM de l'image :140px */

	border:none;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

}



.pagination_mag a:hover img{

	filter: alpha(opacity=80);

	-moz-opacity: 0.80; opacity:0.80;

}



/* MERCI ET FORM */



.merci {

	padding-top:35px;

	width:100%;

	text-align:center;

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

	font-weight:bold;

	font-size:1.4em;

	line-height:1em;

	}

.formulaire {

	float:left;

	}

	

#contenuTexte .formulaire h2 {

	width:200px;

	margin-bottom:5px;

	float:left;

	}

	

#contenuTexte .formulaire h3 {

	width:200px;

	margin-bottom:5px;

	float:left;

	text-align:center;

	}

	

#contenuTexte .plan_acces {

	width:250px;

	height:180px;

	float:right;

	}

	

#contenuTexte .formulaire  img {

		float:right;

		border:none;

		}

		

.plan_acces a img{

	/* Largeur MAXIMUM de l'image :140px */

	border:none;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

}



.plan_acces a:hover img{

	filter: alpha(opacity=80);

	-moz-opacity: 0.80; opacity:0.80;

}

	

#contenu .merci a:hover {

	text-decoration:underline;

	}

	

.mail {

	float:right;

	margin-top:-91px;

	}



/* POLICES */



#contenuTexte h5{

	margin:10px 0;

	font:bold 1.4em Arial, Helvetica, sans-serif;

	font-size:1.4em;

	color:#666666;

	text-align:center;

	float:left;

	width:100%;

}



#contenuTexte h3{

	margin:10px 0;

	font:bold 1.2em Arial, Helvetica, sans-serif;

	color:#666666;

}



#contenuTexte h2 {

	color:#4271B9;

	}



#contenuTexte h6{

	margin:10px 0;

	font:bold 1.4em Arial, Helvetica, sans-serif;

	color:#666666;

	text-align:center;

	color:#4271B9;

	}



/* pictos */



.global_picto {

	margin: 0 auto 0 auto;

	width:100%px;

	height: 200px;

	padding-left:5px;

	}

	



	

.global_picto img {

	border:none;

	margin-right:18px;

	}	

	

.global_picto a img{

	/* Largeur MAXIMUM de l'image :140px */

	border:none;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

}



.global_picto a:hover img{

	border:none;

	filter: alpha(opacity=80);

	-moz-opacity: 0.80; opacity:0.80;

}

/* espace_pro */



.login {

	margin-top:0px;

	width:100%;

	height:150px;

	float:left;

	text-align:center;

	}

	

.login2 {

	margin-top:0px;

	width:100%;

	float:left;

	text-align:center;

	}

	

	

	

.login h3 {

	text-align:center;

	}

.image_pro1 {

	float:right;

	width:200px;

	height:165px;

	margin-top:0;

	}

	

.image_pro2 {

	float:left;

	width:200px;

	height:165px;

	margin-top:20px;

	}



#contenuTexte .image_pro2 img {

	border:none;

	}

	

#contenuTexte .image_pro1 img {

	border:none;

	}



.txt_pro1 {

	float:left;

	width:400px;

	height:120px;

	margin-top:25px;

	}

	

.txt_pro2 {

	float:right;

	width:490px;

	height:120px;

	margin-top:-150px;

	}



.image_pro2 a img{

	/* Largeur MAXIMUM de l'image :140px */

	border:none;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

}



.image_pro2 a:hover img{

	filter: alpha(opacity=80);

	-moz-opacity: 0.80; opacity:0.80;

}

	

.image_pro1 a img{

	/* Largeur MAXIMUM de l'image :140px */

	border:none;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

}



.image_pro1 a:hover img{

	filter: alpha(opacity=80);

	-moz-opacity: 0.80; opacity:0.80;

}

	

	

#contenuTexte .txt_pro2 a {

	text-decoration:underline;

	font-size:1.4em;

	font-weight:bold;

	margin-left:80px;

	}



.txt_pro2 a:hover {

	text-decoration:underline;

	}



/* mentions legales */

.hebergeur {

	width:270px;

	height:200px;

	float:right;

	text-align:left;

	margin-top:-135px;

	}

	





/* Galerie photo */



.global_galerie {

	width:600px;

	float:left;

	border-bottom:1px solid #4A79C0;

	}

	

.photo_galerie {

	width:400px;

	float:left;

	}

	

.global_galerie a {

	float:left;

	}



.descriptif_galerie {

	font:bold 1.2em Arial, Helvetica, sans-serif;

	color:#666666;

	float:left;

	width:280px;

	padding-left:20px;

	margin-top:35px;

	}

	

global_galerie .descriptif_galerie img {

	float:left;

	margin-top:50px;

	}





	



.global_galerie a img{

	/* Largeur MAXIMUM de l'image :140px */

	border:none;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

}



.global_galerie a:hover img{

	border:none;

	filter: alpha(opacity=80);

	-moz-opacity: 0.80; opacity:0.80;

}





/* carte.php */



#global_carte {

	width:100%;

	margin:0 auto 0 auto;

	float:left;

	

	}

	

#global_carte img {

	border:0;

	float:left;

	width:auto;

	height:auto;

	}

	



	

#item1 {

	padding-left:15px;

	padding-right:15px;

	float:left;

	margin:0;

	

	}

	

#item2 {

	padding-left:15px;

	padding-right:15px;

	float:left;

	margin:0;

	}

	

#item3 {

	padding-left:15px;

	padding-right:15px;

	float:left;

	margin:0;

	}

	

#item4 {

	padding-left:15px;

	padding-right:15px;

	float:left;

	margin:0;

	}

	

#item5 {

	padding-left:15px;

	padding-right:15px;

	float:left;

	margin:0;

	}

	

#item6 {

	padding-left:15px;

	padding-right:15px;

	float:left;

	margin:0;

	}

	

#item7 {

	padding-left:15px;

	padding-right:15px;

	float:left;

	margin:0;

	}

	

#item8 {

	padding-left:15px;

	padding-right:15px;

	float:left;

	margin:0;

	}

	

#item9 {

	padding-left:15px;

	padding-right:15px;

	float:left;

	margin:0;

	}



#item10 {

	padding-left:15px;

	padding-right:15px;

	float:left;

	margin:0;

	}



#item11 {

	padding-left:15px;

	padding-right:15px;

	float:left;

	margin:0;

	}	

	

#item12 {

	padding-left:15px;

	padding-right:15px;

	float:left;

	margin:0;

	}

	

#item13 {

	padding-left:15px;

	padding-right:15px;

	float:left;

	margin:0;

	}



#item14 {

	padding-left:15px;

	padding-right:15px;

	float:left;

	margin:0;

	}





/* fin carte */





.imgborder {

float:right;

margin: 10px 0 10px 10px;

border:1px solid #afcff0;}











.imagefond_footer {

	position:absolute;

	bottom:0;

	left:0;

	width:200px;

	height:275px;}





/* STYLE CYC  (ne pas supprimer) */

.cyc {

	position: absolute;

	top: -10000px;

}



/* RUBRIQUE CONTACT */







#bloc-contact {

	width:270px;

	float:left;

	margin:20px 0 0 0;

	font:normal 11px Arial, Helvetica, sans-serif;

	color:#4271B9;

	padding-right:10px;

}



#bloc-contact table {width:260px;}



#bloc-contact_droit {

	width:260px;

	height:500px;

	float:right;

	padding-left:5px;

	margin:0px 0px 0 0;

	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;

	color:#4271B9;

	border-left:1px solid #4271B9;

}



#bloc-contact_droit h2 {

	width:100%;

	float:left;

}



#bloc-contact_droit h4 {

	width:100%;

}





#bloc-contact_droit h6 {

width:100%;

float:left;

}



#contenu #contenuTexte #bloc-contact_droit a:link ,#contenu #contenuTexte #bloc-contact_droit a:visited  {

	margin-right:-3px;

	width:100%;

	display:block;

	}

	



#bloc-contact_droit a img{

	/* Largeur MAXIMUM de l'image :140px */

	border:none;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

}



#bloc-contact_droit a:hover img{

	filter: alpha(opacity=80);

	-moz-opacity: 0.80; opacity:0.80;

}

 



#formContact input, #formContact textarea, #formContact select.liste-form, #formContact .bouton {

	font:normal 11px Arial, Helvetica, sans-serif;

	color:#4271B9;

	padding:0 10px 0 2px;

	border:1px solid #e6e6e6;

	background:#FFF;

}



#formContact input, #formContact textarea{

	width:170px;

	margin:0;

}



#contenu #bloc-contact label{

	width:100px;

	text-align:right;

	display:block;

	padding-right:10px;

	color:#4271B9;

	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;

}



#formContact .radio{

	width:9%;

	border:none;

}



#formContact .check{

	width:10%;

	border:none;

	margin:0 3px 3px 0;

	color:#4271B9;

}



#formContact select.liste-form{

	width:182px;

	text-align:left;	

	color:#4271B9;

	padding:0 0 0 2px;

}



#formContact .bouton{

	width:80px;

	cursor:pointer;

	color:#4271B9;

	margin:0;

	padding:0;

	font-size:10px;

}

#formContact .bouton:hover {color:#ccc;}



#contenu #formContact .nota {

	font:italic 10px Tahoma, Arial, Helvetica, sans-serif;

	color:#4271B9;

	text-align:right;

	line-height:12px;

	}

.champRequis{color:#4271B9; font-size:9px;}



	/*Page beautytek Avita */



.text_droite{

float:right;

margin-top:10px;

margin-right:10px;

width:370px;

}



#contenu .text_droite p{

font-size:11px;

line-height:20px;

}



#contenu .text_droite strong{

font-size:11px;

font-weight:bold;

color:#006699;

}

.image1{

float:left;

margin-left:5px;

margin-top:0px;

width:184px;

height:347px;

}



.text_gauche{

float:left;

margin-top:10px;

margin-right:10px;

width:370px;

}

#contenu .text_gauche p{

font-size:11px;

line-height:20px;

}



#contenu .text_gauche strong{

font-size:11px;

font-weight:bold;

color:#006699;

}

.image_droite{

float:right;

width:194px;

height:292px;

margin-top:10px;

margin-right:10px;

}



.tit1{

float:left;

margin-left:80px;

}



.image_gauche{

float:left;

width:191px;

}



 ul.liste {

float:left;

margin-left:30px;

color:#000000;

}

 li.liste1 {

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

font-size:11px;

font-weight:bold;

color: #006699;

list-style-image:url(../images/charte/puce2.jpg);

background-repeat:no-repeat;

margin-bottom:10px;

}