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

}





#contenuTexte ul{

	margin-left:50px;

}



#contenuTexte ul li{

	margin:10px 0;

	color:#fff;

	font-size:12px;

	font-weight:bold;

}







/* STYLE INDEX */



#conception-cuisine{

	height:241px;

	width:194px;

	float:left;

	margin-left:50px;

}





#anim-index{

	float:left;

	width:300px;

	border:1px solid #919BCA;

	height:335px;

	width:224px;

	margin-left:10px;

}









/* STYLE de la partie droite du site */



#contenu-droite{

	float:left;

	overflow:auto;

	height:308px;

	width:330px;

	margin-left:5px;

	padding-right:3px;

}







/* POPUP PAGE CUISINE COSI  */

#contenu_global {

	background-color:#000000; 

	width:100%; 

	height:100%;

	z-index:200;

	position:absolute;

	left:0px;

	top:0px;

	filter:alpha(opacity=50);

	-moz-opacity:.50;

	opacity:.30;

}



*html #popup{width: 580px;}

#popup{

  position: absolute;

  top: 50%;

  left: 50%;

  width: 520px;

  height:550px;

  margin-left:-250px;

  margin-top:-300px;

  visibility: visible;

  z-index:400;

	  background:url(../images/charte/bg-popup.png) no-repeat left top;

	_background:url();

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bg-popup.png', sizingMethod='scale');

  }



*html #popup #contenu-pop{margin:0px 30px 0 40px;}

#popup #contenu-pop{

	float:left;

	margin:0px 20px 0 60px;

	width:150px;

	height:260px;

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

	font-size:11px;

	color:#DF4D85;

	text-align:justify;

	}

#popup #contenu-pop object{

	margin-top:30px;

	margin-left:15px;

}

*html #popup #contenu-pop object{

	margin-top:20px;

}

*html #popup #fermer a img {right:107px;top:60px;}

#popup #fermer a img{

	border:none;

	right:75px;

	top:40px;

	position:absolute;

	margin:0;

	z-index:600;

	cursor:pointer;

	display:block;

}

	





/* ---------------------------STYLE DE LA PARTENAIRES ACTUALITES  -------------------------- */



#partenaires{

	float:left;

	width:455px;

	height:325px;

	margin-right:15px;

	padding:5px;

}

#partenaires #logos-partenaires{

	float:left;

	width:300px;

	margin-right:30px;

	margin-bottom:15px;

}

#contenuTexte #partenaires #logos-partenaires p{

	float:left;

	width:80px;

	height:60px;

	border:1px solid #fff;

	margin:5px 15px 0 0;

	padding:0;

}

#contenuTexte #partenaires #logos-partenaires a img{

	border:none;

}



#actualites{

	float:right;

	width:420px;

}

#actualites .actu{

	float:left;

	width:400px;

	margin:10px 0px;

	background-color:#fef7e6;

	padding:5px 0px 0px 5px;



}

#actualites .actu .actu-gauche{

	float:left;

	width:170px;

	/*border:1px solid red;*/

	margin-right:5px;

}

#contenuTexte #actualites .actu .actu-gauche p{

	margin:0;

}

#contenuTexte #actualites .actu .actu-gauche .image-principale{

	text-align:center;

}

#contenuTexte #actualites .actu .actu-gauche a img{

	border:none;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

}

#contenuTexte #actualites .actu .actu-gauche a:hover img{

	filter: alpha(opacity=60);

	-moz-opacity: 0.60; opacity:0.60;

}

#actualites .actu .actu-droite-image{

	float:left;

	width:200px;

	/*border:1px solid red;*/

}

#actualites .actu .actu-droite{

	float:left;

	/*border:1px solid red;*/

}

#actualites .actu .actu-droite .titre{

	color:#772152;

	font-weight:bold;

	font-size:12px;

}





/* ---------------------------STYLE DE LA PAGE CONTACT--------------------------- */



#contactForm{

	width:320px;

}

#contactForm p{

	margin:10px 0 10px 0;

}



#formContact .bouton{

	width:90px;

	font-size:12px;

	border-color:#FEF7E6;

	background-color:#FFFFFF;

}



#formContact .boutons{

	margin-left: 135px;

}





#contenuTexte #formContact p{

	width: 170px;

	clear: left;

	margin: 0;

	padding: 5px 0 8px 0;

	padding-left: 155px; /*width of left column containing the label elements*/

	height: 0.5%;

}



#formContact label{

	font-weight: bold;

	float: left;

	margin-left: -155px; /*width of left column*/

	width: 50px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/

}



#formContact .inputtext{

	width: 180px;

	border-color:#FEF7E6;

	margin-left:-20px;

	background:none;

}



#formContact textarea{

	width: 180px;

	margin-left:-20px;

	height: 70px;

	border-color:#FEF7E6;

	background:none;

}

#formContact input:focus{

	border-color:#919BCA;

}

#formContact textarea:focus{

	border-color:#919BCA;

}



#contactForm .champRequis{

	color:#FF0000;

}