@charset "utf-8";
/* CSS Document */
html {	
	font-size : 100%; /* pour garder une taille de texte globale proportionnelle à la taille du texte par défaut du navigateur */
}
body {
	margin:0;
	padding:0;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em; /* pour garder une taille de texte globale proportionnelle à la taille du texte par défaut du navigateur */
	font-style: normal;
	line-height:1.4em;
	color: black;
	background-color:#E2E1D8;
	text-align: center;	
	/*max-width: 1000px; /* taille écran max pour éviter une mise en page non ergonomique */	/*min-width: 800px; /* taille écran min pour que la mise en page reste correcte même en diminuant la taille de l'écran */
	/*width: 100%;*/
}

/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: .2em 0 .5em 0; /* Rapproche le titre du texte. */ 
  line-height: 1.2; 
  font-weight: normal; /* Valeur par défaut */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 

/* Liens */ 
a { 
  text-decoration: none; /*lien par souligné*/
} 
a:link { 
  color:#000; 
} 
a:visited { 
  color: #000; 
} 
a:hover, a:focus, a:active { 
  color: #00F; 
} 
a:active { 
  outline: none; /* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
} 
a img, img { 
  border: none; /* Pas de bordure autour des images dans les liens */ 
} 

/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 

/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. */ 
}

/* Met en évidence les citations */ 
blockquote { 
  margin: .75em 0 .75em 20px; 
  padding: 0 0 0 10px; 
  border-left: solid 2px #ddd; 
} 
q, cite { 
  font-style: italic; 
} 
q cite, q q { 
  font-style: normal 
} 
 
/* Supprime les guillemets automatiques (citations courtes) */ 
q { 
  quotes: none; 
} 
q:before, q:after { 
  content: ""; /* Nécessaire pour Safari/Chrome */ 
} 
 
/* Rapproche les paragraphes dans les listes et citations */ 
blockquote p, li p { 
  margin: .5em 0; 
} 

/* Les 2 colonnes n'ayant pas une hauteur identique, permet au flux de reprendre normalement */
.clear{ 
	clear: both;
}


#droits{
	font-size: x-small;
	text-align: right;
}
.contact {
	
}

/*Bouton retour*/
.bouton_entete {
	position:absolute;
	z-index:2; /*pour placer le bouton retour sur l'image header*/
	right:40px;
	top:95px;
	padding:0;
	color:445566;

}
.retour_accueil {
	position:absolute;
	z-index:2; /*pour placer le bouton retour sur l'image header*/
	right:30px;
	top:30px;
}
#header {
	z-index:1;/*pour placer le bouton retour sur l'image header*/
	position:relative;
}

.page_accueil {
	padding-bottom:3px;
	padding-top: 3px;
	 
}
#bt_form {
        /*width:200px;*/
		width:100px;
        padding-top:14px;
        z-index:2;
        /*right:25px;*/
		right:5px;			
        top:26px;
        position:absolute;
		color:white;
} 
#bt_formRep {
        width:200px;
		padding-top:14px;
        z-index:2;
        right:25px;		
        top:26px;
        position:absolute;
		color:white;
} 
#bt_form li, #bt_formRep li{
  list-style : none;
display:inline;
}
#bt_form li a, #bt_formRep li a{
  text-decoration: none;
color:white;
}

/*--------------------------------------------
Découpage de la fenêtre de toutes les pages
---------------------------------------------*/
#container {
	width: 990px;
	margin:0 auto;
	padding:0 0px;
	text-align:justify;
	background-color:#DAD7CB;
}
#header {
	
	margin-bottom:7px;
	padding:0 0px;
	height: 130px;
}

#sidebar {
	/*width: 20%;*/
	width:250px;
	float: right;
	padding-top:57px;
	
}
.box {
	background:#EDEADE;
	
}
.box_item {
	padding: 2px 5px 5px 5px;
	border:1px solid #BEC0A5;
	padding-bottom:5px;
	background:#EDEADE;
}
.box_regionrama{
	padding: 2px 5px 5px 5px;
	border:1px solid #BEC0A5;
	padding-bottom:5px;
	background:#EDEADE;
	text-align:center;
}
.box_pub {
	padding: 2px 3px 2px 3px;
	border:1px solid #BEC0A5;
	padding-bottom:5px;
	background:#EDEADE;
	text-align:center;
}
.titre {
	border:1px solid #BEC0A5;
	text-align: center;
	padding-top:5px;
	background:#EDEADE;
}
.titre h3 {
margin:0;
color:#445566;
font-weight:bold;
}
#content {
	/*width: 73%;*/
	float:left;
	width:718px;
	margin:40px 0 20px 7px;
	padding-top: 10px;
}
#head {
	width: auto;
	/*height: 180px;*/
}
#bodymove {
	margin:5px 5px 5px 5px;
	width: auto;
}
#wrapper {
	padding:0;
	margin:0;
}
#extras {
	float:right;
	margin: 0 0 16px 16px;
	width: ;
}
/*------------------------
Page accueil index.php
-------------------------*/
#pays1 {
	width: 350px;
	float: left;
	text-align:right;
	padding-left:85px;
	text-align:justify;
}
#pays1 h1 {
	text-align: right;
}
#pays2 {
	width: 247px;
	float: right;
	text-align:right;
}
#quizz1 {
	width: 350px;
	float: left;
	text-align:right;
	padding-left:85px;
	margin-bottom:5px;
	text-align:justify;
}
#quizz1 h1 {
	text-align: right;
}
#quizz2 {
	float:right;
	width: 247px;
	text-align:right;
}
#monReportage2 {
	width: 247px;
	float: left;
}
#monReportage1 {
	float: right;
	width: 350px;
	padding-right:85px;
	text-align:justify;
}
#maRegion2 {
	width: 247px;
	float: left;
}
#maRegion1 {
	float: right;
	width: 350px;
	padding-right:85px;
	text-align:justify;
}
#choix_quizz {
	margin-left: 2%;
}
#instruction_quizz {
	text-align:center;
}

/*les paragraphes (ex. mentions légales)*/
#contact {
padding: 5px 0 0 15px;
}
#contact h3, #site_map h3  {
	color:#000000;
	font-size:11px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:30px;
	margin-bottom:5px;
	text-align:center;
	text-transform:uppercase;
	border-bottom:2px solid #BEC0A5;
	background-color:#E2E1D8;
}
#contact h4 {
	font-style:italic;
	border-top:2px solid #BEC0A5;
	text-align:center;
	color:#990000;
}
/*LOGIN*/
#bt_login {
	position:absolute;
	/*z-index:9999; pour placer le bouton retour sur l'image header*/
	padding:0;

}
.login {
top:26px;
width:200px;
padding-top:14px;
}
#login1 {
	position:absolute;
	/*z-index:9999; pour placer le bouton retour sur l'image header*/
	right:300px;
	top:26px;
	padding:0;
width:200px;
        padding-top:14px;
        z-index:2;
		color:white;
}

#container #header #login {
	width:260px;
	float: right;
	margin-right :-3px;
	
}
#container #header #login1 
a.register{
	padding-left:48px;
	margin-right :10px;
}	
#container #header  #login 
div.inner {
	height: 18px;
	overflow: hidden;
	padding:5px 14px 6px;
	width:127px;
	float: right;
	position: absolute;
	top : 0;
	z-index: 9;
	left:145px;
	
}
#container #header  #login 
div.inner h5{
	font-size:10px;
	font-weight:bold;
	letter-spacing:0;
	line-height:18px;
	margin-bottom:3px;
	text-transform:uppercase;
	text-align:center;
	margin-top:4px;
	
}
#container #header  #login 
div.inner h5 a{
	display:block;
	text-decoration:none;
	color:#fff;
}
.inner fieldset {
background : white;
}
#user-login-form fieldset 
label {
	display:none;
	float:left;
	margin-right:5px;
}
/*------------------
SLIDER SIDEBAR
-------------------*/
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:240px;
	height:200px;
	overflow:hidden; 
	}

/*----------------
Fenêtre connexion
-----------------*/
#connection{
	visibility: hidden; 
	position: absolute; 
	display:none;
	width:200px;
	height:150px;
	z-index: 80; 
}
#fond{ 
background-color: #000000; 
filter: alpha(opacity=41); 
-moz-opacity: 0.1; 
opacity: 0.1; 
visibility: hidden; 
position: absolute; 
display:none; 
z-index: 50; 
}
td.topLeft, td.topRight, td.bottomLeft, td.bottomRight{height:10px;overflow:hidden;padding:0px!important;padding:5px;width:10px!important;width:0px;} 
td.topLeft{background-image:url('../images/pop_dialog_top_left.png')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pop_dialog_top_left.png', sizingMethod='crop');} 
td.topRight{background-image:url('../images/pop_dialog_top_right.png')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pop_dialog_top_right.png', sizingMethod='crop');} 
td.bottomLeft{background-image:url('../images/pop_dialog_bottom_left.png')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pop_dialog_bottom_left.png', sizingMethod='crop');} 
td.bottomRight{background-image:url('../images/pop_dialog_bottom_right.png')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pop_dialog_bottom_right.png', sizingMethod='scale');} 
td.border{background-image:url('../images/pop_dialog_border.png')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pop_dialog_border.png', sizingMethod='scale');}