@charset "utf-8";

* {
	behavior: url(javascript/iepngfix.htc);
}

/**
 *
 * style.css
 *
 * 1 - Styles généraux, initialisations
 * 2 - Mise en page, layout, cadres...
 * 3 - Styles de titres, textes...
 * 4 - Menu
 * 5 - login
 * 6 - Bonus (generated)
 * 7 - drapeaux
 * 8 - popup ID Interactive
 *
 */

/**
 * Styles généraux, initialisations
 *
 */

*{
	margin: 0; padding: 0;
}

body{
	background-image:url(../images/css/fond.jpg);
	background-repeat:repeat-x;
	font-family:Arial;
	background-color:#000000;
}

img {
	border: none;
}

a{
	text-decoration:none;
}

.clear {
  clear:both;
}

.erreur {
	color: red;
}
.succes {
	color: green;
}

/* **************************************************************************************************** */
/* STRUCTURE */
/* **************************************************************************************************** */

div#global{
	width:1000px;
	margin:5px auto 0 auto;
}

div#marketing{	
	text-align:right;
	margin:0 20px 5px 0;
	color:white;
	font-size:0.8em;
}

/* ************************************************** */

div#header{
	background-image:url(../images/css/header.jpg);
	background-repeat:no-repeat;
	height:109px;
	position:relative;
	z-index:5;
}

/* ************************************************** */

div#globalContent{
	background-image:url(../images/css/interieur_contenu_long.jpg);
	background-repeat:no-repeat;
	width:1000px;
}

/* ************************************************** */

div#gauche{
	width:260px;
	float:left;
	min-height:473px;	
	height:auto;
	position:relative;
	z-index:1;
}

/* ************************************************** */

div#contenu{
	margin-left:261px;
	min-height:473px;
	width:744px;
	padding:1px;
}
div#contenu div#content{
	margin:20px 10px 10px 120px;
	font-size:0.8em;
}	

/* ************************************************** */

div#footer{
	clear:both;
	background-image:url(../images/css/footer.png);
	background-repeat:no-repeat;
	width:1000px;
	height:22px;
	font-family:"Trebuchet MS";
	font-size:0.75em;
	color:#FFFFFF;
	letter-spacing:0.1em;	
	z-index:20;		
}

div#footerSentence p{
  font-family:"Trebuchet MS";
	font-size:0.75em;
	color:#FFF;
	text-align:center;
}

/* **************************************************************************************************** */
/* MARKETING */
/* **************************************************************************************************** */

div#marketing a{
	color:white;
	text-decoration:none;
}
div#marketing a:hover{
	color:#F7910B;	
}

/* **************************************************************************************************** */
/* HEADER */
/* **************************************************************************************************** */

div#header div#logo{
	position:absolute;
	top:9px;
	left:75px;
	text-align:center;
	z-index:10;
}

div#header div#retourAccueil{
	position:absolute;
	top:2px;
	left:275px;
	height:23px;
	z-index:10;
	font-size:0.8em;
	background-image:url(../images/css/puce_accueil.png);
	background-repeat:no-repeat;
	padding:1px;
}
div#header div#retourAccueil a{
	color:white;
	font-weight:bold;	
	margin:2px 0 0 20px;
	display:block;
}


div#header div#logo p{
	color:#F7910B;
	font-family:Arial;
	font-size:0.9em;
	margin-top:10px;
}

div#header ul#menuHaut{
	position:absolute;
	list-style-type:none;
	list-style-position:inside;
	top:30px;
	left:325px;
}
div#header ul#menuHaut li{
	float:left;
	margin-right:4px;
}
div#header ul#menuHaut li a{
	display:block;
	position:relative;
	background-image:url(../images/css/menuHaut.jpg);
	background-repeat:repeat-x;
	height:40px;
	color:#EDEDED;
	font-family:"Trebuchet MS";
	font-size:0.9em;
	font-weight:bold;
	letter-spacing:0.1em;
}
div#header ul#menuHaut li a:hover{
	color:#F9B909;
	text-decoration:none;
}
div#header ul#menuHaut li a.selected{
	color:#F9B909;
	text-decoration:none;
}

div#header ul#menuHaut li a#menuHaut1{width:126px;}
div#header ul#menuHaut li a#menuHaut2{width:101px;}
div#header ul#menuHaut li a#menuHaut3{width:102px;}
div#header ul#menuHaut li a#menuHaut4{width:132px;}
div#header ul#menuHaut li a#menuHaut5{width:79px;}
div#header ul#menuHaut li a#menuHaut6{width:98px;}

div#header ul#menuHaut li a span{
	position:absolute;
	display:block;
	text-align:center;
	width:100%;
	top:8px;
	cursor:pointer;
}

div#header div.sousMenuHaut{
	position:absolute;
	top:70px;
	left:350px;
	width:630px;
	display:none;
}
div#header div.sousMenuHaut a{
	color:white;
	font-family:"Trebuchet MS";
	font-size:0.8em;
	font-weight:bold;	
	letter-spacing:0.1em;
}
div#header div.sousMenuHaut a:hover{
	text-decoration:none;
	color:#F7910B;
}
div#header div.sousMenuHaut a.selected{
	text-decoration:none;
	color:#F7910B;
}

/* **************************************************************************************************** */
/* GAUCHE */
/* **************************************************************************************************** */

div#gauche div#gaucheImage{
	position:absolute;
	top:76px;
	left:19px;
	z-index:10;	
}

/* **************************************************************************************************** */
/* CONTENU */
/* **************************************************************************************************** */

div#contenu div#content strong{
	font-size:1.1em;	
}

div#content p#url{
	display:none;
}

/* **************************************************************************************************** */
/* FOOTER */
/* **************************************************************************************************** */

div#footer a{
	color:#FFFFFF;		
}		
div#footer a{
	text-decoration:none;
}

div#footer div#id-interactive{
	float:right;
	margin-right:15px;
}

div#footer ul{
	list-style-type:none;
	list-style-position:inside;
	margin:0 0 0 20px;
}
div#footer ul li{
	float:left;
	margin:1px 5px 0 5px;	
}

div#footer div#legende{
	position:absolute;
	top:-20px;
	left:35px;
	font-family:Arial;
	font-size:0.8em;
	color:#F7910B;
	z-index:50;
}

/* **************************************************************************************************** */
/* **************************************************************************************************** */
/* **************************************************************************************************** */

/* **************************************************************************************************** */
/* CONTENU INTERIEUR */
/* **************************************************************************************************** */

div#contenu div#content h1.titre1{
	background-image:url(../images/css/titre1_fond.jpg);
	background-repeat:no-repeat;
	width:703px;
	height:22px;
	margin:30px 0 30px -87px;
	font-family:"Trebuchet MS";
	font-size:1.1em;
	color:#EDEDED;
}
div#contenu div#content h1.titre1 span{
	display:block;
	float:left;
	height:22px;
	background-image:url(../images/css/titre1_fond_span.jpg);
	background-repeat:no-repeat;	
	margin-left:75px;
	padding:2px 10px 0 8px;	
}

div#contenu div#content h2.titre2{
	color:#EB8B15;
	font-size:1.4em;
	margin:0 0 10px 0;	
}	

div#contenu div#content p{
	font-family:"Trebuchet MS";
	color:#EDEDED;
	margin:0 50px 10px 0;
	text-align:justify;
	line-height:1.1em;
}

div#contenu div#content a{
	color:#F9B909;
	font-weight:bold;
}

div#contenu div#content ul{
	list-style-position:inside;
	margin:0 0 10px 20px;	
}

div#contenu div#content table{
	color:#EDEDED;		
}

div#contenu div#content .cnil{
	margin-top:10px;
}

div#contenu div#content #coord_contact{
  float:left;
  width:231px;
}
div#contenu div#content #coord_contact p{
	margin:0 5px 10px 0;
}

div#contenu div#content #form_contact{
  float:left;
  width:377px;
  margin-bottom:10px;
}


/* **************************************************************************************************** */
/* **************************************************************************************************** */
/* **************************************************************************************************** */

/* **************************************************************************************************** */
/* ADMINISTRATION */
/* **************************************************************************************************** */

div#header div#login{
	position:absolute;
	left:300px;
	top:45px;
	width:700px;
	color:#EDEDED;
	text-align:center;
	font-size:0.9em;
}

div#header div#login p{
	margin-bottom:5px;
}

div#gauche ul#menu{
	list-style-type:none;
	list-style-position:inside;
	margin:100px 0 0 50px;	
}
div#gauche ul#menu li{
	margin:0 0 5px 0;	
}
div#gauche ul#menu li a{
	color:#EDEDED;
	font-weight:bold;
	font-size:0.9em;
	font-family:"Trebuchet MS";	
}

div#gauche ul#menu li.current{
}
div#gauche ul#menu li.current a{
	color:#F7910B;
}