@import "site.css";
/* -----------------------------------------------------------------------
	Accueil 
----------------------------------------------------------------------- */

#top { background:#FFFFFF url(img/fond-top.jpg) no-repeat; margin:0 0 30px 0; }
#identite { height:100px; }
#identite h1, #identite h2 { display:none; }

/*
	Coordonnées
*/
#coord { margin:-15px 10px 20px 10px; position:relative; }
#coord p { margin:0; }
#coord p.coordEN, #coord p.coordFR { display: inline-block; }
#coord p.coordEN { float:left; }
#coord p.coordFR { float:right; margin-right:30px; }

/* sous menu et autres encarts */
.colonne-sous-menu { float:left; width:210px; margin:0; padding:0 10px; }
#contenu {
	float:right;
	width:740px;
	margin:0;
	padding:0;
}

/* Navigation principale =menu
-------------------------------------------------------------- */
#menu { margin:0; width:980px; padding:0 0 0px 0; background:url(img/fond-menu.jpg) no-repeat bottom; }
/* liste de liens */
	#menu ul { margin:0 0 0 10px; padding:0; list-style-type:none; }
	#menu ul li {  display:inline; margin:0; padding:0; }
	#menu ul li a { display:block; float:left; padding:8px 10px 0 10px; width:172px; height:32px; text-align:center; margin:0 1px 0 0;  background:url(img/fond-btn-menuAccueil.gif) no-repeat center center; font-size:16px; color:#FFF; text-transform:uppercase; }
	#menu ul li a.selected { display:block; float:left; padding:8px 10px 0 10px; width:104px; height:32px; text-align:center; margin:0 1px 0 0; background:url(img/fond-btn-menuAccueil-o.gif) no-repeat center center; color:#336699; }	
	#menu a:hover {	color:#CC6600;  background:url(img/fond-btn-menuAccueil-o.gif) no-repeat center center; }
	#menu a { text-decoration:none; }
	#menu hr { margin:-3px 0; }



/* Encart gauche */
.conteneur-colonne {background:#CCCCCC url(img/fond-sous-menu-centre.jpg) repeat-y;  width:190px; margin:0 0 0 -10px; padding:0; }
.conteneur-colonne-bas { margin:0; padding:0; background:url(img/fond-sous-menu-bas.jpg) no-repeat; width:210px; height:10px; }
.contenu-colonne-haut { margin:0; padding:0;background:#CCCCCC url(img/fond-sous-menu-centre.jpg) repeat-y;   width:210px; }
.contenu-colonne-haut h1 { margin-top:15px; }
.contenu-colonne-haut div { padding:10px 10px 10px 10px; background:url(img/fond-sous-menu-top.jpg) top no-repeat; }
/* sous menu */
.conteneur-sous-menu {background:#CCCCCC url(img/fond-sous-menu-centre.jpg) repeat-y;  width:210px; margin:0 0 10px 0; }

#sous-menu { text-transform:uppercase; margin:0; padding:0; /*background:url(img/fond-sous-menu-top.jpg) top no-repeat;  width:210px;*/ }
/* 1er niveau */
#sous-menu li { list-style:none; border-bottom:#ddd 1px solid;  }
#sous-menu li a{ display:block; padding:5px 10px; margin:0; text-decoration:none; font-size:14px; }
#sous-menu li a:hover {color:#000; text-decoration:underline; }
#sous-menu li a.selected {  /*color:#336600;*/ padding-bottom:0; /*font-size:16px;*/ }

/* 2ème niveau */
#sous-menu li ul { margin:0 0 0 30px; text-transform:none;}
#sous-menu li.selected { font-size:16px; padding:10px 0 0 10px; }
#sous-menu li  li { border-bottom:none;  }
#sous-menu li li a { display:block; padding:0 10px; margin:0 0 6px 0; text-decoration:none; font-size:14px; }
#sous-menu li.last { border:none; }

#handles a.selected { color:#333; }

/* Puces */
#sous-menu img { margin-right:6px; }

#handles img { margin-left:-16px;}

#sous-menu-bas { margin:0; padding:0; background:url(img/fond-sous-menu-bas.jpg) repeat-y; width:210px; height:10px; }

/* ENCART BLEU  */ 
.top-bleu {background:#003366 url(img/fond-bleu-centre.jpg) repeat-y;  width:210px; }
.centre-bleu {background:url(img/fond-bleu-top.jpg) no-repeat;  width:190px; padding:20px; color:#FFFFFF; }
.bas-bleu { margin:0; padding:0; background:url(img/fond-bleu-bas.jpg) repeat-y; width:210px; height:10px; }
/* Bouton de contact Call to action dans encart bleu */
#contact-cta { text-align:center; background:url(img/fond-btn-contact.gif) no-repeat top center; height:29px; width:180px; margin:0 0 40px -5px; }
#contact-cta a { display:block; height:29px; text-decoration:none; text-transform:uppercase; font-size:16px; font-weight:bold; padding:3px 0 3px 0; color:#003366; }
#contact-cta a:hover { color:#CC6600; }
#contact-cta p { margin-top:-5px; }
div.centre-bleu h2 { font-size:16px; font-weight:bold; margin:10px 0 5px 0; } 
div.centre-bleu a { color:#FFFFFF; }

div.colonne { float: left; margin:0 0px 0 0; padding:10px; }
div.x1 { width:200px; }
div.x2 { width:460px; }
div.x3 { width:730px; background: url(img/fond-contenu.jpg) no-repeat; }

div.x3p { width:185px; padding:10px 20px 0 10px; }
h1{ font-size:1.3em; }
#exhibition { padding:0 10; }
div.x3p p { margin-bottom:0; }
div.total{ margin:0 0 20px 0; width:960px; padding:10px;background-color:#CCCCCC;  }
div.last{margin-right:0;}
.conteneur { margin:0 10px; }
.encart { width:95%; padding:5px; border:1px solid #dde7d4;   background: #e6f9e7; /*font-size:1.2em;*/
}
.encart h1 { font-size:1.2em; margin:0.5em 0 0 0; }
.encart ul, .encart li { margin:0 0 0 10px; padding:0; }
div.encart p{ margin: 0.5em 0 0.5em 0; line-height:2ex; }

/* Formulaire de support */
form { margin:20px 0 0 0;}
fieldset { border:#BBB 1px solid; padding:10px; margin:0 0 20px 0; }
legend { font-size:1.2em; color:#006699; margin:0 0 0 10px; padding:0 10px; }
label { display:block; }
form table td { vertical-align:top; }
input, textarea { font-family:"Trebuchet MS", Helvetica, Arial, sans-serif; font-size:12px; }
textarea { padding:10px; }

hr { height:1px; margin:0; padding:0; }