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

}







/***************** OPACITE IMAGES & liens *****************/



#contenuTexte img{

	border:none;

	}



#contenuTexte a img{

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

	border:none;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

}



#contenuTexte a:hover img{

	filter: alpha(opacity=80);

	margin:0;

	-moz-opacity: 0.80; opacity:0.80;

}



#global_accueil a {

	color:#FF7708;

	text-decoration:none;

	font-weight:bold;

	}

	

#global_accueil a:hover {

	color:#FF7708;

	text-decoration:underline;

	}

	

#contenuTexte a {

	color:#FF7708;

	text-decoration:none;

	font-weight:bold;

	}

	

#contenuTexte a:hover {

	color:#FF7708;

	text-decoration:underline;

	}





/* 3 colonnes contenutexte */



#global_gauche {

	width:360px;

	float:left;

	margin:30px 15px 0 0;

	border-bottom:1px solid #CACACA;

	}

	

#global_droite {

	width:280px;

	float:right;

	margin:160px 0 0 0;

	text-align:center;

	}







	

#contenuTexte .texte {

	font-family:Helvetica, sans-serif;

	font-size:12px;

	text-align:justify;

	color:#4A79C1;

	}



.pusher {

	border-top:1px solid #CACACA;

	margin:10px auto 10px auto;

	height:3px;

	}

	

	

#contenuTexte .texte_centre {

	font-family:Helvetica, sans-serif;

	font-size:13px;

	text-align:center;

	color:#4A79C1;

	}

	

/* Page d'accueil */



#global_accueil {

	width:330px;

	float:left;

	margin:150px 0;

	padding:5px;

	border-top:1px solid #CACACA;

	border-bottom:1px solid #CACACA;

	}



.encart_accueil {

	width:300px;

	height:300px;

	float:right;

	}

	

#contenuTexte .texte_accueil {

	font-family:Helvetica, sans-serif;

	font-size:13px;

	text-align:justify;

	color:#4A79C1;

	}

	



/***************** SEARCH TYPES : NAVIGATION HAUT DE PAGE *****************/

#global_gauche_rassol #searchTypes {

	width:100%;

	margin-bottom:40px;

}

#global_gauche_rassol #searchTypes p {

	text-align:center;

	font-size:12px;

	font-weight:bold;

}





/* RASSOL */







#global_gauche_rassol ul {

	float:left;

	width:340px;

	margin:0 0 0 20px !important; margin:0 0 0 10px;

	list-style:none;

	}



#global_gauche_rassol li {

	background:url(../images/puce2.gif) left 2px no-repeat;

	list-style:none;

	padding-left:15px;

	}

	

#global_gauche_rassol {

	width:360px;

	float:left;

	margin:30px 15px 20px 0;

	background:url(../images/rassol/bg_encart.gif) no-repeat center;

	background-repeat:no-repeat;

	padding: 0 0 5px 0;

	}

	

.photo_encart {

	width:207px;

	margin:auto;

	text-align:center;

	}

	

.photo_encart img {

	margin:auto;

	}



/* PRODUITS SUR MESURE */



.vignette {

	width:300px;

	height:150px;

	float:left;

	margin:10px 0 0 25px !important; margin:10px 0 0 15px;

	background:url(../images/produits_sur_mesure/bg.jpg) no-repeat;

	}



.photo_vignette {

	width:130px;

	height:130px;

	border:1px solid #CACACA;

	float:left;

	margin:8px 0 0 7px;

	}

	

.texte_vignette {

	width:145px;

	height:123px;

	float:left;

	margin:4px 0 0 4px;

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

	font-size:11px;

	text-align:left;

	padding-top:10px;

	}



.zoom {

	width:17px;

	height:16px;

	border:1px solid #CACACA;

	text-align:center;

	float:LEFT;

	top:30px;

	margin:-15px 12px 0 5px !important; margin:-16px 12px 0 5px;

	}

/* ITERBLOC */



.iterbloc table {

	width:100%;

	margin:auto;

	}

	

.iterbloc table td {

	margin:auto;

	text-align:center;

	font-size:12px;

	height:40px;

	}

	

/* PAGE PARTENAIRES */



.encart_partenaires {

	width:150px;

	height:150px;

	float:left;

	margin: 5px 10px 10px 5px;

	background:url(../images/partenaires/bg_encart.gif) no-repeat;

	}



	

.image_partenaires {

	width:115px;

	height:115px;

	float:left;

	margin:4px 0 0 13px !important; margin:4px 0 0 8px;

	}

	

.titre_partenaires {

	width:130px;

	height:20px;

	float:left;

	margin:2px 0 0 7px !important; margin:2px 0 0 4px;

	padding-top:4px;

	border-top:1px solid #CACACA;

	font-family: Helvetica, sans-serif bold;

	text-align:center;

	font-size:12px;

	}



/* ZONE DE RECHERCHE */	



#search {

	width:280px;

	margin:15px auto;

	height:130px;

	padding-top:10px;

	background:url(../images/derouleuses/bg_search.gif) no-repeat;

	}

	

#search_plateaux {

	width:280px;

	margin:15px auto;

	height:85px;

	padding-top:5px;

	background:url(../images/plateau/bg_search.gif) no-repeat;

	}

	

#search table , #search_plateaux table {

	width:270px;

	height:50px;

	margin:auto;

	}

	

#search table td , #search_plateaux table td {

	font-family:Helvetica, sans-serif;

	font-size:11px;

	height:20px;

	border-bottom:1px solid #CACACA;

	}

	

#search input , #search_plateaux input {

	width:50px;

	height:15px;

	float:right;

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

	color:#4A79C1;

	}



#search .button , #search_plateaux .button {

	width:74px;

	height:20px;

	float:right;

	font-family:Helvetica, sans-serif;

	font-weight:bold;

	border:1px solid #4A79C0;

	cursor:pointer;

	background:#FF9C00;

	text-align:center;	

	}



#search .button:hover , #search_plateaux .button:hover {

	color:#FFFFFF;

	background:#4A79C0;

	border:1px solid #FF9C00;

	}

	

/* Mentions légales */



#mentions {

	width:200px;

	height:10px;

	position:absolute;

	top:4px;

	left:745px;

	}

	

#mentions a {

	color:#4A79C0;

	font-size:10px;

		}

		

/* RUBRIQUE CONTACT */







#bloc-contact {

	width:270px;

	float:left;

	margin:20px 0 30px 0;

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

	color:#4A79C1;

	padding-left:20px;

}



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



#bloc-contact_droit {

	width:250px;

	height:400px;

	float:right;

	padding-left:5px;

	margin:0px 0px 0 0;

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

	color:#4A79C1;

}



#bloc-contact_droit h2 {

	width:100%;

	float:left;

}



#bloc-contact_droit h4 {

	width:100%;

}



#bloc-contact_droit .ss_titre {

margin-left:0;

padding-left:10px;

padding-top:30px;

text-align:left;}





#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 */

	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:#4A79C1;

	padding:0 0 0 0;

	border:1px solid #FF9C01;

	background:none;

}



#formContact input, #formContact textarea{

	width:170px;

	margin:0;

}



#contenu #bloc-contact label{

	width:100px;

	text-align:right;

	display:block;

	padding-right:10px;

	color:#4A79C1;

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

}



#formContact .radio{

	width:15px;

	border:none;

	background:none;

}



#formContact .check{

	width:10%;

	border:none;

	margin:0 3px 3px 0;

	color:#4A79C1;

}



#formContact select.liste-form{

	width:182px;

	text-align:left;	

	color:#FFE913;

	padding:0 0 0 2px;

}



#formContact .bouton{

	width:80px;

	font-family:Helvetica, sans-serif;

	font-weight:bold;

	border:1px solid #4A79C0;

	cursor:pointer;

	background:#FF9C00;

	text-align:center;

}

#formContact .bouton:hover {color:#FFFFFF; background:#4A79C1;}



#contenu #formContact .nota {

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

	color:#4A79C1;

	text-align:right;

	line-height:12px;

	}

.champRequis{color:#4A79C1; font-size:9px;}



/* MERCI */



.merci {

	width:100%;

	height:300px;

	font-size:1.4em;

	font-weight:bold;

	text-align:center;

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

	color:#FFE913;

	padding-top:40px;

	}

	

#total .merci h1 {

	text-align:center;

	margin:0;

	padding:0;

	font-size:1.5em;

	color:#FFE913; 

	}

	

.merci a {

	color:#FFFFFF;

	text-decoration:none;

	}

	

.merci a:hover {

	color:#FFFFFF;

	text-decoration:underline;

	}
.videoplayer {
  width: 320px;
  height: 240px;
  float: left;
  padding-left:20px;  
}