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



/* styles globaux*/

#contenu p{
	padding-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	line-height:1.4em;
}

#contenu{
	min-height:350px;	
}

#contenu a{
	text-decoration:none;
	color:#E6B032;
	
}

#contenu a:hover{
	text-decoration:none;
	color:#CC3300;
}

#contenu a img{
	border:1px solid #990000;	
}


/* styles page d'accueil*/

#marquetterie {
margin-top:10px;
width:177px;
height:277px;
background:url(../images/charte/marquetterie.png) no-repeat;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/marquetterie.png', sizingMethod='scale');
}

#accueil-diapo{
	width:700px;
	height:200px;
	float:left;
	margin:20px 0 20px 110px;
}




/* styles page restauration*/

#nos-prestations-contenu{
	float:right;
	width:530px;
	margin:50px 20px 0 0;
	
}

.restau-visuels{
	padding-top:20px;
	float:left;
	margin-bottom:30px;
}

.image-lien{
	float:left;
	width:220px;
	padding-left:20px;
	text-align:center;
}
#contenu .image-lien p{
	padding-top:5px;
}

.restau-visuels .image-lien a img{
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}

.restau-visuels .image-lien a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}



/* styles lyteframe*/

#contenu-lyteframe{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	padding:50px 50px 50px 50px; 
}

#contenu-lyteframe h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	padding-bottom:50px;
}

#restau-transfo-diapo , #restau-transfo-diapo-2 , #restau-transfo-diapo-3{
	width:700px;
	height:200px;
	margin:50px 0 100px 60px;
}

#contenu-lyteframe a{
	text-decoration:none;
	color:#BC7025;
}

#contenu-lyteframe a:hover{
	text-decoration:none;
	color:#990000;
}

#contenu-lyteframe .objet-text{
	margin-top:50px;
}

#contenu-lyteframe .frenot{
	margin:50px 0 0 80px;
}

#contenu-lyteframe .creation-obj-vignette{
	float:left;
	width:300px;
	margin:30px 0 0 70px;	
}

.fermerpage{
	text-align:center;
	width:100%;
}



.creation-obj-vignette a img{
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}

.creation-obj-vignette a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}







/* styles page contact*/

#conteneur-contact{
	width:280px;
	float:left;
	margin:50px 0 0 20px;
}

#contact-haut{
	width:100%;
	float:left;
	margin-top:20px;
}

.ligne_form{
	width:100%;
	margin:8px 0 0 5px;
	clear:both;
	float:left;
}

.ligne_form label.coords{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:right;
	line-height:100%;
}

.ligne_form label{
	height:15px;
	float:right;
	
}

.bouton-radio{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}

.bouton-radio label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}

.bouton-radio input{
	margin-left:10px;

}

.labelradio{
	margin-left:3px;
}

.ligne_form input {
	font-size:11px;
	margin-left:10px;
	float:right;
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-right:65px;
}

.ligne_form textarea {
	width:100px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-right:65px;
}

.ligne_form input , .ligne_form textarea , #commentaires textarea , .ligne_form select {
	border:1px solid #3399CC;
	margin-left:10px;
}
	
.ligne_form input:hover , .ligne_form textarea:hover , #commentaires textarea:hover , .ligne_form select:hover {
	border:1px solid #052759;
}

#commentaires{
	width:100%;
	padding-top:10px;
}

#commentaires label.coords{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	float:left;
	text-align:right;
	padding-right:8px;
}

#contenu #conteneur-contact p{ 
	width:230px;
}

#commentaires textarea{
	width:230px;
	height:90px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

#envoi-etoile{
	width:100%;
	margin-top:10px;
}

#envoi-etoile .nota{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	float:left;
	text-align:right;
}

#envoi-etoile #bouton-envoi{
	float:right;
	padding-top:10px;
	margin-right:35px;
}

#capatcha-image{
	float:left;
	width:150px;
	padding-right:10px;
}

#capatcha-area{
	float:left;
}

#capatcha{
	float:left;
	margin:10px 0 0 10px;	
}


#capatcha .rouge{
	color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
}


#capatcha input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}

#mention-obligatoire p{
	text-align:center;
	font-size:10px;
}

#mention-obligatoire{
	width:100%;
	float:left;
}

/* styles page contact acces */

#conteneur-contact .rouge{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
}

#conteneur-acces{
	float:right;
	width:230px;
	margin:50px 20px 0 0;
}


/* styles page mentions legales */

#mentions-legales{
	width:530px;
	float:right;
	margin-right:20px;
}

#mentions-legales h1{
	padding:20px 0 20px 0;
}

#mentions-legales p{
	padding:0 0 25px 20px;
}


/* styles page plan du site */

#plandusite{
	width:530px;
	float:right;
	margin-right:20px;
}
#plandusite h1{
	padding:20px 0 20px 0;
}

#contenu #plandusite a{
	color:#FFFFFF;
}

#contenu #plandusite a:hover{
	color:#993300;
}

#plandusite ul{
	padding-left:20px;
	list-style:none;
}

#plandusite li{
	font-size:15px;
	padding:0 0 4px 0;
}

#plandusite .ul-niveau2 {
	padding-top:5px;
}

#plandusite .ul-niveau3 {
	padding-top:5px;
}

#plandusite .ul-niveau2 li{
	font-size:13px;
	padding:0 0 2px 0;
}
#plandusite .ul-niveau3 li{
	font-size:11px;
}

/* styles footer */

#mentions-plan-footer{
	position:absolute;
	margin-top:-18px;
	margin-left:15px;
}

#mentions-plan-footer p{
	color:#CC0000;
	font-family:Arial, Helvetica, sans-serif;
}

#footer #mentions-plan-footer a{
	color:#CB842A;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#footer #mentions-plan-footer a:hover{
	color:#CB0000;
}


/* ***************** MODULE ACTUALITES ***************** */

#contenu h1.IDEO_sans {
margin:20px 0 20px 0;
padding-left:20px;
float:left;
}

.IDEO_actualite{
	float:right;
	margin:0 10px 10px 10px;
	border-bottom:1px dotted #CCC;
	width:530px;
}

#contenu .IDEO_actualite p{
	margin-bottom:15px;
}


#contenu .IDEO_actualite .IDEO_visuel{
	float:left;
	height: 146px;/* hauteur de la zone visuel  */
	width: 146px;/* longueur de la zone visuel  */
	background: url("../images/fond-vignette.png") no-repeat left top;/* Image de fond du visuel  */
	margin-right:10px;
	text-align:center;
	padding-bottom:5px;
	padding-top:0px;
}
#contenu .IDEO_actualite .IDEO_visuel img {
	margin:0 5px 0 0;
}
#contenu .IDEO_actualite .IDEO_visuel a {
	position:relative;
}
.IDEO_actualite .IDEO_actualite-droite{
	float:left;
	width:370px;/* Longueur la zone droite  */
}
#contenu .IDEO_actualite .IDEO_titre{
	font-size:14px;
	font-variant:small-caps;
	font-weight:bold;
}

#contenu a img{
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity:1.00;
 }

#contenu a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.70;
	opacity:0.70;
 }
 
 
/* ***************** PARTENAIRES  ***************** */

.IDEO_vignette{
	height: 180px;
	width: 146px;
	float:left;
	margin:0 10px 15px 10px;
}


#contenu .IDEO_vignette .IDEO_visuel, #contenu .IDEO_visuel{
	height: 146px;
	width: 146px;
	background: url(../images/fond-vignette.png) no-repeat left top;
	
}

#contenu .IDEO_vignette p a:visited, #contenu .IDEO_vignette p a:link{
	text-decoration:none;
	position:relative;
}

#contenu p.IDEO_visuel,  #contenu .IDEO_vignette p{
	text-align:center;
	margin:0;
	font-variant:small-caps;
	padding-top:0px;
	width:146px;
}
#contenu a img{
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	 opacity:1.00;
}

#contenu a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.70;
	 opacity:0.70;
 }


#IDEO_partenaires .IDEO_vignette img {
	margin:0 5px 0 0;
}

.IDEO_partenaires {
	float:right;
	width:550px;
}

#contenu .IDEO_vignette a{
	color:#FFFFFF;
}

#contenu .IDEO_vignette a:hover{
	color:#993300;
}

/* ***************** FIN PARTENAIRES  ***************** */




/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}