/*** GENERALITES ***/

body { padding:0px; font-size:12px; margin:0px auto; color:#000000; font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px; background:#FFD7FF}


/*** ENTETE ***/

#header {margin:0 auto; width:980px}
#header #logo {padding:0px; float:right; margin-bottom:15px}
#header #banniere {float:left; margin-top:12px;border:1px solid #CCCCCC}
#header #menu {clear:both; margin-top:0px; height:46px; width:980px; background-color:#C000C0}
html>body #header #menu {background-image:url('degrade.png'); background-position:bottom; background-repeat:repeat-x}
#slogan {padding:0px; margin:0px; margin-bottom:7px; background-color:#FFC0FF; text-align:center; height:17px}
#slogan h1 {margin:0px; height:17px; font-size:11px; font-weight:normal; color:#FFFFFF}


/*** MENU ***/

ul#navlist {margin-left: 0; padding: 10px 10px 0 0; white-space: nowrap; text-align:right}
#navlist li {display: inline; list-style-type: none; font-weight:bold; font-size: 18px; text-transform:uppercase}
#navlist a {padding: 3px 10px}
#navlist a:link, #navlist a:visited {color: #fff; text-decoration: none}
#navlist a:hover {color: #fff; background-image:url(menu.png); text-decoration: none}


/*** PIED DE PAGE ***/

#footer { color:#666666; font-size:11px; margin:0 auto; width:980px; border:1px solid #CCCCCC;
	background-image:url(hachure.png)}
#footer h3 {margin:5px 0 0 0; text-align:center; font-size:11px; font-weight:normal}
#footer .annexes { margin:10px; text-align:center}
#footer a {color: #666666; text-decoration:underline}
#footer a:hover {color: #666666; text-decoration:none}


/*** FIL ***/

#fil {margin:0 auto; width:978px; overflow:hidden; height:29px; clear:both; background-image:url(fond2.png); 
	border-top:1px solid #B3AA7E; border-left:1px solid #B3AA7E; border-right:1px solid #B3AA7E}
#fil #suivi {float:right;padding:7px 8px 0 0; color:#888}
#fil #suivi a {color: #C000C0; text-decoration:none}
#fil #suivi a:hover {color: #C000C0; text-decoration:underline}


/*** CONTENU ***/

#contenu {border-left:1px solid #B3AA7E; border-right:1px solid #B3AA7E; margin:0 auto; 
	padding:0px; width:978px; background:#FFC0FF}
#contenu #cote {width:324px; margin-left:0px; padding:0; float:left}
#contenu #bloc {width:648px; margin:0 0 8px 0; padding:0; float:left}
#contenu a {color:#C000C0; text-decoration:none}
#contenu a:hover {color:#800080; text-decoration:underline}
#contenu .espace { margin:8px}


/*** COLONNE GAUCHE SIMPLE ***/

#contenu .france1 { float:left; width:316px; margin:8px 0px 0px 4px; background:#FFFFFF; border:1px solid #B3AA7E}
#contenu .france1 .espace { width:300px}
html>body #contenu .france1 {margin-left:8px}
html>body h3 {font:bold 12px verdana, helvetica,arial,sans-serif; margin-left:18px; color:#800080}

/*** COLONNE CENTRALE LISTE ***/

#contenu .selection {float:left; width:100%;background:#FFFFFF}
#contenu .selection .container { width:950px}
#contenu .container { margin:8px; }

/**** COLONNE UNE ***/

#contenu .france2 {width:638px;  margin:8px 0 0 4px; float:left; background:#FFFFFF; border:1px solid #B3AA7E}
html>body #contenu .france2 {margin-left:8px}
#contenu .france2 .espace {width:624px;  height: 250px; margin: 7px 0 7px 7px; overflow:hidden}
#about {background-image:url('about-back.png'); padding:10px }
#about h2 {font:bold 24px verdana, helvetica,arial,sans-serif; margin: -5px 5px -5px 5px; color:#800080}
#about.draggable {z-index:2}
#contenu .france2 div.draggable {position:absolute; float:none}

/*** COLONNE LISTE SITES ***/

#contenu .france3 {float:left; width:638px; margin:8px 0px 0px 4px; background:#FFFFFF; border:1px solid #B3AA7E}
#contenu .france3 .espace {width:624px}
html>body #contenu .france3 {margin-left:8px}


/*** HABILLAGE ***/

#contenu .titraille {}
#contenu .titraille .header {margin-bottom:15px; font-weight:bold; height:29px; background-image:url(fond1.png);
	border-right: 1px solid #DFA2DF}
#contenu .titraille .header .puce {float:left; width:30px; height:29px; background-image:url(france.gif)}
#contenu .titraille .header .titre {float:left; margin-left:8px; margin-top:3px; font-weight:bold; font-size:16px; margin-left:8px; margin-top:5px; color:#800080}
#contenu .titraille .body {clear:both}
#contenu .titraille .guide {float:left; text-align:left; width:158px; margin-bottom:12px; margin-right:0px}
#contenu .titraille .guide .photo {margin-top: 3px; width:144px; border:1px solid #CCCCCC}
#contenu .titraille .guide .photo img {margin: 2px}
#contenu .titraille .guide .lien {background:transparent url(fleche.gif) no-repeat scroll 0 4px; font:bold 13px arial,sans-serif; line-height:15px; margin:0 0 2px 0px; padding:0 0 5px 12px}


/*** CARTES ***/
#flashcontent {height: 520px}