@charset "utf-8";
/* CSS Document */

#global {
	margin: auto;
	width: 1215px;
	width: 1006px;
	background-color:#ffe7b2;
}

.haut {
	background-image:url(/image/fond_haut.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	margin: auto;
	height: 201px;
}

#centre {
	background-image:url(/image/fond_centre.gif);
	background-repeat:repeat-y;
	background-position:center;
	padding-left: 14px;
}

#bas {
	background-image:url(/image/fond_bas.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height: 142px;
	font-size: 0.9em;
}

#colgauche {
	padding-top: 85px;
	width: 144px;
}

#contenu_insti {
}

#contenuzone {
	margin: auto; 
	width: 930px;
}

#topimages {
	width: 1006px; 
	margin: auto; 
	padding-left: 14px;
	
	width: 950px;
	padding-left: 12px;
	/* petit décalage par rapport au centrage automatique */
}
#topimages img {
	vertical-align:bottom;
}

#contenubas {

	width: 930px;
	margin: auto;
	padding: 5px 5px;
	padding-left: 24px;
}

#ficheproduit {
	margin-top: 10px;
}

/************* Accueil ****************/



/************* ELEMENTS TEMPLATES ****************/

#filariane {
	/*margin: auto;*/
	width: 750px;
	position:absolute;
	left: 50%;
	margin-left: -306px;
	margin-top: -25px;
	z-index: 0;
}

#zoneactu {
	background-color: #f9efbf;
	border: 1px solid #754d07;
	padding: 5px;
	font-size: 0.9em;
}
#zoneactu p {
	margin: 0;
}
#zoneactu h2 {
	margin: 0;
	margin-top: 10px;
}

#zonenewsletter {
	background-color: #f9efbf;
	border: 1px solid #754d07;
	padding: 5px;
	margin-top: 10px;
}

#zonecentre {
	margin: 0 10px;
}

#zonedroite {
	padding-top: 10px;
}

#zoneadresse {
	margin-top:50px;
	margin-right:10px;
	border-left:#754d06 solid 1px;
	padding-left:10px
}

/************* BRIQUES GESTION CONTENU **********/

.brique p, .brique h1, .brique h2, .brique h3, .brique h4, 
#popupcontent p, #popupcontent h1, #popupcontent h2, #popupcontent h3, #popupcontent h4,
#ficheproduit p, #ficheproduit h1, #ficheproduit h2, #ficheproduit h3, #ficheproduit h4
 {
	margin: 0;
}



/************* LANGUES ****************/

#langue {
	position:absolute;
	top:25px; 
	left: 50%;
	margin-left: 465px;
	width:14px
}

/*************** MENU DEROULANT **************/

#menu {	/* spécifique */
	height: 41px;
	width: 1006px;
	/*padding-left: 14px;*/
	margin: auto;
	
	width: 876px;
	position:absolute;
	left: 50%;
	margin: 0;
	margin-left: -370px;
	
	z-index:5;
}
#menu img {
	vertical-align:bottom;
}

#menu table td {
	position: relative;
}

#menu table table {
	position: absolute;
	top: 21px;
	left: 0px;
}
#menu table table td {
	background-color:red;
	width: 150px;
	height: 21px;
}


#menu ul {
	list-style:none;
	list-style-position:outside;
	padding:0;
	margin: auto;
	/*margin-left: 11px;*/
}
#menu li {
	float: left;
	/*display:inline;*/
	position:relative;
	font-size: 0.95em;
	z-index: 10;
	/*border: 1px solid red;*/
	margin: 0;
}

#menu li a {
	/*color: #FFFFFF;*/
	padding: 0;
	margin: 0;
	/*border-right: dotted 1px #c4bed4;*/
	letter-spacing: 1px;
	/*display: block;*/
	height: 19px;
	/*float: left;*/
}
#menu li a:hover {
	/*color: black;*/
	background-color:#fff8e4;
	/*background-image:url(/image/_fond_menu_select.gif);
	background-repeat:repeat-x;*/
	text-decoration:none;
	
}


#menu ul li ul {
	display: none;
	position: absolute;
	top: 41px;
	left: -1px;
	/*background-color:white;*/
	background-color:#f6ecbb;
	border: 1px solid #848484;
	width: 195px;
	z-index: 5;
	text-align:left;
}
#menu ul li ul li {
	float: none;
	margin: 0;
}
#menu li:hover>ul {
	display: block;
}


#menu ul li ul li a {
	padding: 5px 7px;
	font-weight:normal;
	border: none;
	height:auto;
	float: none;
	display:block;
	background-color:#f6ecbb;
	color: #754d06;
}
#menu ul li ul li a:hover {
	/*background-image:none;*/
}

#menu ul li ul li ul {
	/*background-color:white;*/
	color: black;
	left: 200px;
	top: 0px;
}

#menu ul li ul li ul li a {
	padding: 4px 5px;
}



/******** POPUP ********/

#popupvalidation {
	position: absolute; 
	z-index:20;
	left:50%;
	top:0;
	width: 975px; 
	height: 750px;
	margin-left:-480px;
	/*margin-top:-400px;*/
	background-color: white;
	-moz-opacity: 0.85; filter:alpha(opacity=85);
	border: 1px solid black;
}


#textevalidation {
	position: absolute; 
	z-index:21;
	left:50%;
	top:50%;
	width: 500px; 
	height: 400px;	
	margin-left:-250px;
	margin-top:-150px;/
	text-align:center;
	color: #754d06;
	font-weight:bold;	
}


#textevalidation .grand {
font-size:16px;
}

#textevalidation .moyen {
font-size:14px;
}


h2 {
color: #754d06;
font-size:12px;
font-weight:bold;
font-style:italic;	
}


#popup {
	/* obligatoire */
	position: absolute; 
	top: 180px !important;
	visibility:hidden;
	z-index:20;
	width: auto;
	margin: auto;
	/* /obligatoire */
	
	background-color: white;
	border: 1px solid black;
	
}

#popup #boutonfermer {
	position: absolute; right: 5px; top: 5px;
	/*float:right;*/
	cursor:pointer;
}

#popupbar {
	background-color:#f9efbf; 
	background-image:url(/image/barre_popup_fond.gif);
	/*height: 22px;*/	/* ne pas donner de hauteur à cette barre sous peine de voir le background disparaitre sous IE(7) */
	/* il faudra donc toujours avoir une image en non-absolu placée dans la div */
	color: white;
	font-size: 0.8em;
}

#popupbar img {
	vertical-align:bottom;
}

#popupcontent {
	background-color: #f9efbf;
	padding: 5px;
}

#popupclosebutton {
	width: 15px; height: 15px; 
	background: white; 
	position: absolute; 
	right: 0; top: 0; 
	cursor: pointer;
}