﻿/* 
________________________________________________________________

CSS UNIQUEMENT RESERVER AU PLACEMENT GENERAL DE TOUTES LES PAGES
AUCUNE COULEUR, AUCUNE IMAGE SAUF SI C'EST COMMUN A PLUSIEURS PAGES
________________________________________________________________

*/

/* TOUT */
body {
	padding:0px;
	margin:0px;
	background-repeat:repeat-x;
	text-align:center;
	}
#all {
	text-align:left;
	position:relative;
	/*width:800px;
	left:50%;
	margin-left:-400px;
	margin-top:74px;*/
	background-position:right top;
	background-repeat:no-repeat;
	width:800px;
	margin:0 auto 0px auto;
	}
/*.bothage {
	clear:both;
}*/
	
/* HEADER */
#logo {
	background-repeat:no-repeat;
	width:332px;
	height:68px;
	margin-left:-73px;
	float:left;
	margin-top:74px;
	}
#habillage {
	background-repeat:no-repeat;
	margin-top:-74px;
	margin-right:0px;
	width:135px;
	height:112px;
	float:right;
	}
#btn_extranet {
	float:right;
	padding-right:155px;
	padding-top:5px;
	height:16px;
	width:66px;
	overflow:visible;
}

#btn_deco {
	float:right;
	padding-right:155px;
	padding-top:5px;
	height:16px;
	width:77px;
	overflow:visible;
	}
h1, h2 {
	padding:0px;
	margin:0px;
	font-size:smaller;
	display:none;
	}
#monMenu {
	float:left;
	margin:38px 0px 20px 0px;
	padding:0px;
	width:539px;
	height:68px;
	}
#monMenu p {
	float:left;
	width:339px;
	margin:0px 0px 0px 30px;
	padding:0px;
	font-family:Arial;
	font-size:14px;
	letter-spacing:-0.03em;
	line-height:1.4em;
	}
#monMenu ul {
	list-style-type:square;
	float:left;
	margin:0px 0px 0px 25px;
	padding:0px;
	font-family: Arial; 
	font-size:14px;
	line-height:1.1em;
	}
#monMenu ul li {
	padding:0px 0px 5px 0px;
	}
#logo a, #logo a:hover {
	margin:0px;
	padding:0px;
	display:block;
	width:332px;
	height:68px;
	}
	
	
/* BLOC VIDEO ET DESCRIPTION */
#ens_bloc {
	clear:both;
	margin-top:0px;
	width:804px;
	margin-left:auto;
	margin-right:auto;
	}
#ens_bloc .bloc {
	margin-right:5px;
	vertical-align:top;
	padding:0px;
	width:196px;
	height:270px;
	float:left;
	}
#ens_bloc .bloc_desc {
	position:relative;
	display:inline;
	float:left;
	margin-right:5px;
	margin-top:5px;
	padding:0px;
	width:196px;
	height:115px;
	}
#ens_bloc .bloc_desc p {
	margin:0px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:15px;
	padding-right:15px;
	font-family: arial;
	font-size:0.7em;
	font-style:italic;
	text-align: left;
	line-height:1.3em;
	}
#ens_bloc .bloc_desc .ensavoirplus {
	position:absolute;
	right:0px;
	bottom:0px;
	}
	
	
/* BLOC NEWS */
.bloc_news {
	position:relative;
	vertical-align:top;
	padding:0px;
	width:192px;
	height:390px;
	/*hauteur de bloc + taille margin-top du bloc_desc + hauteur de bloc_desc
	270px + 5px + 115px*/
	float:right;
	font-family: Verdana; 
	font-size:8px;
	font-style:normal;
	}
#voirplus {
	padding-top:5px;
	font-family: Verdana; 
	font-size:10px;
	font-style:normal;
	text-align:left;
	}
#acredite {
	width:192px;
	position:absolute;
	bottom:0px;
	text-align:center;
	}
#acredite img {
	padding:3px 10px 0px 10px;
	}
		
	
/* 3 COLONNES */
#ens_bloc2 {
	clear:both;
	margin-top:0px;
	width:804px;
	margin-left:auto;
	margin-right:auto;
	}
#ens_bloc2 .bloc1 {
	margin-right:12px;
	padding:0px;
	width:200px;
	float:left;
	}
#ens_bloc2 .bloc1 h3 {
	margin:0px;
	padding:0px;
	font-family: helvetica, arial;
	font-size:35px;
	font-weight: bold;
	text-transform: uppercase;
	text-align:left;
	letter-spacing:-0.08em;
	line-height:0.8em;
	}
#ens_bloc2 .bloc1 h4 {
	margin:0px;
	padding:0px;
	font-family: helvetica, arial;
	font-size:15px;
	text-transform: uppercase;
	text-align:left;
	letter-spacing:-0.08em;
	line-height:0.8em;
	}
#ens_bloc2 .bloc1 .intro {
	text-align:left;
	margin:10px 0px 0px 0px;
	padding:0px;
	font-family:Verdana;
	font-size:0.6em;
	font-style:normal;
	line-height:1.3em;
	}
#ens_bloc2 .bloc1 .intro ul {
	padding:10px 0px 0px 0px;
	}
#ens_bloc2 .bloc1 .intro_section {
	text-align:left;
	margin:10px 0px 0px 0px;
	padding:0px;
	font-family:Verdana;
	font-size:0.65em;
	font-style:italic;
	line-height:1.8em;
	}
#ens_bloc2 .bloc1 ul.menu_section {
	margin:10px 0px 0px -18px;
	padding:0px;
	text-align:left;
	font-family:Verdana;
	font-size:0.6em;
	font-style: normal;
	line-height:1.6em;
	list-style-type:decimal;
	list-style-position:inside;
	}
#ens_bloc2 .blockprojet {
	margin-right:12px;
	vertical-align:top;
	padding:0px;
	width:222px;
	float:left;
	letter-spacing:-0.01em;
	}
#ens_bloc2 .blockprojet object {
	margin-bottom:2px;
	}
#ens_bloc2 .bloc2 .zonevide {
	height:27px;
	display:block;
	}
#ens_bloc2 .bloc2 {
	margin-right:12px;
	vertical-align:top;
	padding:0px;
	width:222px;
	float:left;
	letter-spacing:-0.01em;
	
	font-family:Verdana;
	text-align:left;
	font-size:0.67em;
	line-height:1.3em;
	font-style:normal;
	}
#ens_bloc2 .bloc2 .minititle {
	text-align:left;
	font-size:1.2em;
	line-height:1.2em;
	text-transform: uppercase;
	font-weight:bold;
	padding:0px;
	margin:0px 0px 10px 0px;
	}
#ens_bloc2 .bloc2 p {
	padding:0px;
	margin:0px;
	}
#ens_bloc2 .bloc2 img {
	padding:0px 0px 10px 0px;
	margin:0px;
	}
#ens_bloc2 .bloc3 {
	vertical-align:top;
	width:88px;
	float:left;
	}
#ens_bloc2 .bloc3 object {
	margin-bottom:3px;
	}
#ens_bloc2 .minibloc {
	width:400px;
	float:left;
}
#ens_bloc2 .bigbloc2 {
	margin-right:12px;
	vertical-align:top;
	width:456px;
	float:left;
	padding:0px 0px 10px 0px;
	font-family:Verdana;
	text-align:left;
	font-size:0.6em;
	line-height:1.3em;
	font-style:normal;
	letter-spacing:-0.01em;
	}
#ens_bloc2 .bigbloc2 h4 {
	margin:0px;
	padding:0px;
	font-family: helvetica, arial;
	font-size:15px;
	text-transform: uppercase;
	text-align:left;
	letter-spacing:-0.08em;
	line-height:0.8em;
	}
#ens_bloc2 .bigbloc2 .legende {
	text-align:right;
	margin:5px 0px 0px 0px;
	padding:0px;
	font-family:Verdana;
	font-size:1em;
	font-style:italic;
	line-height:1.8em;
	}
#ens_bloc2 .bigbloc2 .logo_apropos img {
	margin-top:7px;
	vertical-align:bottom;
	}
ul.puced {
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
ul.puced li {
	/*text-indent:7px;*/
	padding-left: 7px;
	}
.spaceli li {
	margin-bottom:10px;
}
#form_contact {
	margin-top:40px;
	margin-left:10px;
	}
#form_contact label {
	text-align:right;
	margin-right:5px;
	width:100px;
	float:left;
	vertical-align:top;
	}
#form_contact input, #form_contact select {
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	font-family:Verdana;
	text-align:left;
	font-size:1em;
	line-height:1.3em;
	font-style:normal;
	width:150px;
	/*height:13px;*/
}
#form_contact textarea  {
	padding:0px 0px 0px 0px;
	margin:0px;
	font-family:Verdana;
	text-align:left;
	font-size:1em;
	line-height:1.3em;
	font-style:normal;
	width:250px;
	height:100px;
}
#form_contact .envoyer{
	width:79px;
	height:16px;
	margin-top:5px;
	margin-left:278px;
	border:none;
}
.hachair {
	border-bottom:dotted;
	border-bottom-width:1px;
	border-bottom-color:#ccc;
	text-align:center;
	}
/* FOOTER */
#footer {
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	text-align: left;
	font-family: Verdana;
	font-size:0.6em;
	font-style:normal;
	letter-spacing:-0.08em;
	line-height:0.7em;
	}
#copyright {
	line-height:1em;
	}
#footer p {
	margin:0px;
	padding:0px;
	}
#footer hr {
	border:none;
	margin-top:5px;
	height: 1px;
	}
#footerfla {
	margin:-5px 0px 0px 0px;
	padding:0px;
	}
p#mentionslegales {
	clear:both;
	text-align:center;
	}
.alerte {
	display:block;
	background-color:#FF3E43;
	padding:3px;
	}
.message-info {
	color:#fff;
	font-family:Verdana;
	text-align:left;
	font-size:0.6em;
	font-weight:bold;
	}
	
/********* INVITATION **********/
#listeInscrit{text-align:left;}
#cotecour{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#invitation{ width:600px;height:742px; margin:0 auto; background-image:url(../img/header.jpg); background-repeat:no-repeat;}
#invitation {padding-top:270px;}
#invitation span.intro{color:#e66f05; font-size:14px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic}
#invitation .form{width:300px; margin-left:auto; margin-right:auto; background-color:#FFFFFF;filter : alpha(opacity=90)-moz-opacity : 0.9;opacity : 0.9; padding:10px;}
#invitation div.input{margin:4px;}
#invitation div.input label{display:block; width:50px; float:left;text-align:left;}
#invitation div.text input{border:1px solid #999999;}
#invitation div.radio{text-align:left;}
#invitation .clear{clear:both;}
#invitation .error-message{text-align:left; color:#FF0000;}
#invitation .message{text-align:center; color:#FF0000; font-size:14px; font-weight:bold;}
#invitation .print {text-align:center; color:#000000; font-size:14px; font-weight:bold;}

#reponseInvit{text-align:left;width:600px; }
#reponseInvit .infos{ width:444px; margin:0 auto;}
#reponseInvit h1, #reponseInvit h2{display:block; font-size:18px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;color:#e66f05;margin-top:10px; margin-bottom:10px;}
#reponseInvit h2{font-size:14px;}

#listeInscrit h2{display:block; font-size:15px;}