@charset "utf-8";
@import url("images.css");

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

	html, body {
    margin: 0; padding: 0;
  	font-family: "Trebuchet MS", Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
  	font-size: 10pt;
  	background : url(../images/fond_page.png) rgb(205, 208, 41) center center;
	}

	a img {
    border: none;
	}

	.clear {
	  clear:both;
	}
	
	form {
		margin:0;
		padding:0;
	}

	.erreur {
    color: red;
	}

	.succes {
    color: green;
	}
	
/**
 * Mise en page, layout, cadres...
 *
 */
	
	/*Bloc contenant toute la page (avec header et footer*/
	#conteneur{
	  margin:auto;
	  margin-top:2px;
	  background: transparent;
	  
	  color: #000;
	}
	
	#logoetmenu
	{
		background-color:black;
		
	}
	#hauteurMin {
		clear : left;
	}

	#header {
    background : url(../images/traits_blancs.png) repeat-x;
    height : 31px;
	
	}
	div#logo_site{
	  position : absolute;
	  margin-left:-20px;
	  width : 148px;
    height : 100px;
    font-size : 8pt;
    text-align : center;
    
  }
	div#logo_site a{
		color : #fff;
	}
	#header h1.slogan{
		padding-top : 5px;
		font-size : 0.9em;
		font-weight : bold;
		text-align : center;
		letter-spacing : 4px;
		color : #000;
		margin : 4px 0;
  }

	/*Bloc contenant la page réelle (contenu sans header et footer)*/
	#contenu {
		
		margin-bottom : -50px;
	  padding : 0 10px 60px 10px;
		background : url(../images/reflet.png) bottom center no-repeat;
	}
	
	#contenu div.cadreHaut{
		margin : 0 auto;
		margin-top:-50px;
		width : 973px;
		height : 83px;
	}
	.ban1{
		background : url(../images/contenu_ban1.png) no-repeat top;
	}
	.ban2{
		background : url(../images/contenu_ban2.png) no-repeat top;
	}
	.ban3{
		background : url(../images/contenu_ban3.png) no-repeat top;
	}
	.ban4{
		background : url(../images/contenu_ban4.png) no-repeat top;
	}
	.ban5{
		background : url(../images/contenu_ban5.png) no-repeat top;
	}
	#contenu div#cadrePage{
		margin : 0 auto;
		background : url(../images/contenu_middle.png) no-repeat top;
		width : 973px;
		padding : 2px 0 6px 0;
		min-height:300px;
		height:auto !important;
		height:300px;

	}
	#contenu #marginPage{
		margin : 0 6px;
		padding : 0;
	}
	#cadrePage div.multiCols{
    margin : 0 10px;
    float : left;
  }
	#cadrePage div.uniCol{
    margin : 0 6px;
  }
	
	
	#contenu div.cadreBas{
		position : relative;
		margin : -45px auto 0 auto;
		background : url(../images/contenu_bas.png) no-repeat top;
		width : 973px;
		height : 52px;
		z-index : 5;
	}

	#footer{
	  text-align: left;
		margin: 0;
	}
	#footer .black{
		background-color: rgb(0,0,0);
	  color:#fff;
		font-size : 0.8em;
		padding:4px 5px;
	}
	#footer .traits{
		height : 31px;
		text-align : center;
		background : url(../images/traits_blancs.png) repeat-x;
	  color:#000;
		font-size : 1.1em;
		letter-spacing : 3px;
		font-weight : bold;
		padding-top : 4px;
	}
	#footer .adresse{
		text-align : center;
		background : rgb(255,127,0);
		padding : 0;
		margin-bottom : 2px;
		color : #fff;
	}
	#footer .adresse p{
		margin : 0;
	}
	#footer a {
		color:white;
	}
	#footer .black a {
		margin : auto 20px;
	}
	#footer a#idinteractive {
		position : absolute;
		right : 0px;
	}
	
	#lastSentence{
    width: 990px;
    margin: auto;
    color: #FFF;
  }
  
  #lastSentence p{
    margin: 0; padding: 4px 20px;
    font-size: 0.8em;
  }
	
  
  
/**
 * 3 - Styles de titres, textes...
 *
 */

	a{
		text-decoration: none;
		color : #C9CD00;
	}
	a.archive{
		font-weight:bold;
		color : #C9CD00;
	}
	a:hover{
		color : #8C8C0A;
	}
	a:visited{
	}
	
	
	h1{
	    margin:0;
	    text-align: center;
	    font-size: 1.8em;
	    color: #0A246A;
	}
	#marginPage > h2, .uniCol h2{
		margin-left : 10px;
	}
	h2{
	    font-size: 1.2em;
	    text-align:left;
	    height : 25px;
	    margin: 3px 0;
	}
	h2 span.souligne{
		  background : url(../images/fond_titre.png) repeat-x bottom;
		  padding : 0 10px;
	}
	h2 sup{
		font-size : 0.5em;
	}
	h3 {
		color : #C9CD00;
    font-size:1em;
    margin: 6px 0 4px 0;
	}
	#cadrePage ul{
		list-style : none;
		margin: 0;
		padding-left : 0;
		text-align : justify;
	}
  #cadrePage ul li{
		margin-left : 0;
		padding-left : 0px;
		text-indent : 18px;
		background : url(../images/puce_verte.png) left 4px no-repeat;
	}
  #cadrePage ul li ul{
  	margin-left : 12px;
	}
  #cadrePage ul li ul li{
  	background : url(../images/puce_orange.png) left 4px no-repeat;
	}
	#cadrePage p{
		text-align : justify;
		font-size : 0.95em;
		position : relative;
		z-index : 20;
		margin-top : 2px;
		margin-bottom : 2px;
	}
	#cadrePage ul,#cadrePage li,#cadrePage a,#cadrePage img{
		position : relative;
		z-index : 9;
	}

/**
 * 4 - Menu
 *
 */

	ul#menu {
		position : absolute;
		z-index : 1;
		left : 160px;
		width : 830px;
		height : 34px;
    margin: 14px auto;
    list-style-type: none;
    text-align: center;
    padding-left : 4px;
	}

	#menu li {
		list-style-type : none;
	  float:left;
	  font-size : 0.80em;
    color: #FFF;
	  width : 166px;
	}
	
	#menu li a {
	  display:block;
	  clear : left;
    height : 23px;
    padding-top : 4px;
    background : url(../images/fond_menu.png) no-repeat;
    color: #FFF;
    text-decoration: none;
    cursor:pointer;
	}
	#menu li a:hover, #menu li a.current, #menu li.current a {
		background: url(../images/fond_menu_sel.png);
	}

	#menu li a:visited {
		color: #FFF;
	}
	
	#menu ul.sousmenu{
		margin : 0;
		padding : 0;
	}
	
	#menu ul.sousmenu li a{
		display : block;
		background : rgb(49,63,56);
		height : 16px;
		padding : 1px 0;
		margin : 0 4px;
	}
	#menu ul.sousmenu li a:hover, #menu ul.sousmenu li.current a{
		background : rgb(91,106,97);
	}

/**
 * 5 - login
 *
 */

	#login{
	  text-align:center;
	}
	#loginConnecte{
		text-align:center;
		margin-top:30px;	
	}

/**
 * 6 - Bonus
 *
 */

	#generated {
	  text-align:center;
	  display : none;
	}
	div#animflash{
		margin-left : 10px;
		float : left;
	}
/**
 * 7 - drapeaux
 *
 */

	#flags {
	  position:absolute;
	  margin:2px 5px;
	}

/**
 * 8 - styles spéciaux (images en float, etc)
 *
 */
 
/**
 * 9 - popup ID Interactive
 *
 */
 #popupIDI {
  position:absolute;
  right : 5px;
  bottom : 180px;
  width : 200px;
  color:black;
  background:#BBBBBB;
	border:1px solid #444444;
	padding:4px;
	font-size:0.8em;
	display:none;
 }
 
 #popup, .popup{
  display : none;
	border : 8px solid #C9CD00;
	position : absolute;
	z-index : 30;
	left : 25%;
	top : 25%;
	background : #fff;
	
}


	#popup table{
		margin : 12px 12px 6px 12px;
		width : 500px;
	}
	#popup table td.h{
		text-align : right;
	}
	#popup table tr.fin td{
		padding-top : 15px;
		color : #C9CD00;
		font-weight : bold;
		font-size : 1.1em;
	}
	#popup h4{
		color : #FF7F00;
		margin : 1px 10px;
	}


.orange
{
	color:#ff7f00;
}