@import "site.css";

/* -----------------------------------------------------------------------

	Pages 
	
	Marges :	20px
	Padding :	10px 

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

/* Navigation principale =menu
-------------------------------------------------------------- */
#menu { margin:0; width:980px; padding:0 0 16px 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:116px; height:32px; text-align:center; margin:0 1px 0 0;  background:url(img/fond-btn-menu.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:117px; height:32px; text-align:center; margin:0 1px 0 1px; background:url(img/fond-btn-menu-o.gif) no-repeat center center; color:#2446c3; }	
	#menu a:hover {	color:#CC6600;  background:url(img/fond-btn-menu-o.gif) no-repeat center center; }
	#menu a { text-decoration:none; }
	#menu hr { margin:-3px 0; }

/*
	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:-6px 0 0 0; padding:0 10px; }
#contenu { float:right; width:690px; margin:-6px 10px 0 0; padding:8px 30px 0 20px; background: url(img/fond-contenu.jpg) no-repeat; /*min-height:200px;*/ }

/* 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:0px;background:#CCCCCC url(img/fond-sous-menu-centre.jpg) repeat-y;   width:210px; }
#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 { 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; margin-left:16px;  }
#sous-menu li a{ display:block; padding: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 0px; margin-left:0; }
#sous-menu li  li { border-bottom:none; margin-left:0px;  }
#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; margin-left:-16px; }

#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 20px 0 0; padding:10px; }
div.x1 { width:200px; }
div.x2 { width:460px; }
div.x3 { width:730px; }
div.total{ margin:0 0 20px 0; width:960px; padding:10px;background-color:#CCCCCC;  }
div.last{margin-right:0;}

.encart { /*width:95%;*/ padding:5px; border:1px solid #dde7d4; position:relative;   background: #e6f9e7; /*font-size:1.2em;*/
}
.encart h1 { font-size:1.2em; margin:0.5em 0 1em 0; }
.encart ul, .encart li { margin:0 0 0 10px; padding:0; }
.encart a { font-weight:bold; }
div.encart p{ margin: 0.5em 0 0.5em 0; line-height:2ex; }
/* Fiche de contenu */
table.fiche td { vertical-align:top; }
table.fiche td p { margin:0.7em 0; text-align:justify; }
#handles li { line-height:16px; }

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

/* Bouton d'actions */
.cta {
	/*background:url(img/fond-CTA-bouton.jpg) repeat-x top;
	text-align:center;*/
	/*height:20px;
	border:#CCCCCC 1px solid;*/
	font-size:14px;
	font-weight:bold;
	padding-top:5px;
	/*
	position:absolute;
	top:0px;
	left:220px;*/
}
.moyen { width:200px; }
.fantome { position:absolute; }