@charset "utf-8";

/* CSS Document */
body {
	margin-top: 0px;
	font-family: "Comic Sans MS", Arial;
        background-color: #000;
}

#global {
	margin: auto;
	width: 780px;
	background-color: #000;
	position: relative;
	z-index: 1;
}

#head {
	width: 100%;
	height: 268px;
}

#decor {
	z-index: 3;
	width: 100%;
	text-align: right;
	padding-top: 2px;
}

#transparent {
	width:220px;
	z-index : 5;
	position: relative;
	top:-15px;
	left:55px;
}	

#celluleSearch {
	 position:relative;
	 top: 25px;
	 left: 200px;
}	

#q {
	color: gray;	
}	

#foot {
	width: 100%;
	clear: both;

}

#rubriques {
	width: 99%;
	margin-bottom: 10px;
	height: 85px;
}

#contenu {
	width: 100%;
	margin: auto;
	clear: both;
	position:relative;
	z-index: 1;
}

#droite {
	width: 318px;
	float: left;
	margin-left: 14px;
	height: 655px;
	position: relative;
	z-index: 1;
}

#centre {
	width: 414px;
	float: left;
	height: 655px;
	margin-left: 16px;
	position: relative;
	z-index: 1;
}

#centre_bas {
	position: absolute;
	bottom: 0px;
}

#centre_haut {
	position: relative;
	z-index: 1;
}	

#module1 {
	float:left;
	margin-right:12px;
	background-color: #FFF;	
}

#module2 {
	 float:left;
	 background-color: #FFF;
}

#hp_dossier {
	 position: absolute;
	 bottom: 0px;
	 background-color: #FFF;
	 height: 196px;
}

#question {
	margin-top: 10px;
	 background-color: #FFF;
	 min-height: 165px;
}
	
#question a{
	text-decoration:none;
}

#copyright {
	color: #FFFFFF;
	font-size: 10px;
	margin: 10px;
	float: right;
	text-align:right;
}

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

#copyright a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}

#dossier {
	background-color: #FFFFFF;
	color: #000000;
	width: 95%;
	margin: auto;
	padding: 10px;
	font-size: 13px;
	overflow: auto;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;
	behavior: url(border-radius.htc);  	
}

#dossier p {
	text-align: justify;
}

#dossier div {
	clear: both;
}

#dossier p.soustitre {
	color: #ac1a2f;
	font-weight: bold;
	font-size: 15px;
}

img.thumb {
	width: 110px;
	height: 85px;
	margin: 5px;
	border: 1px solid #d9d9d9;
}

img.thumb_dossier {
	width: 150px;
	height: 122px;
	margin: 5px;
	border: 1px solid #d9d9d9;
}

#dossier a a:hover {
	color: #ff7900;
}

#menu_dossier a {
	text-decoration: none;
}

#menu_dossier a:hover {
	text-decoration: underline;
}

#menu_dossier ul {
	color: #FFFFFF;
	padding-left: 10px;
	margin: 10px;
}

.texte {
	font-size: 13px;
	font-weight: bold;
}

a {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a.site {
	color: #000000;
	text-decoration: none;
}

a.site:hover {
	text-decoration: underline;
}

#mots_cles {
	text-align: center;
	overflow: hidden;
	height: 260px;	
	background-color: #FFFFFF;
	position: relative;
	z-index: 1;
}

#mots_cles a {
	text-decoration: none;
}
	
#mots_cles a:hover {
	background-color: #e7e7e7;
}

#mots_associes {
	text-align: center;
	overflow-x: hidden;
	overflow: hidden;
	height: 600px;		
}

#mots_associes a {
	text-decoration: none;
}
	
#mots_associes a:hover {
	background-color: #e7e7e7;
}

.search_result {
	width: 531px;
	float: left;
	margin-left: 20px;
}

.search_info {
	background-color:#FFF;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: bold;
}

.search_site1 {
	background-color: #FFF;
}

.site_url {
	 width: 235px;
	 float: left;
}

.site_tranche {
	width: 65px;
	float: left;
	margin-right: 5px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

.site_description {
	clear: both;
	text-align: justify;
}	

.site_note {
	 width: 70px;
	 float: left;
}	

div.pagination a {
	color: black;
}

div.pagination {
	margin: 10px;
	height: 40px;
	font-size: 14px;
	background-color: #FFF;
	text-align:center;
}

.result {
	font-size: 12px;
	background-color: #FFFFFF;
	padding: 5px;
}

.result {
	font-size: 12px;
	background-color: #FFFFFF;
	padding: 5px;
}

.result a {
	font-weight: bold;
}

div.quiz {
	width: 731px;
	margin: auto;
	background-color: #FFFFFF;
	font-size: 13px;
	font-weight: 400;
}

div.quiz_pad {
	padding-left: 30px;
}	

hr {
	border: none 0; 
	border-top: 1px dotted gray;
	width: 100%;
	height: 1px;
	padding: 0px;
}

/*********************************************************************************************/
#fade {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter: alpha(opacity = 80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	/*--Transparence sous IE 8--*/
	left: 0;
	top: 0;
	z-index: 10;
}

#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}

.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}

.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}

/******************************************************************/
.suggestionsBox {
	position: absolute;
	left: 257px;
	top: 248px; /top: 240px;
	margin: 0px;
	width: 324px;
	width: 333px\9; 
	background-color: #fff;
	border: 1px solid #ccc;
	color: #000;
	max-height: 200px;
	overflow: auto;
	z-index: 199;
	/*clear: both*/;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
}

.suggestionList li {
	margin: 0px 0px 2px 0px;
	padding: 2px;
	cursor: pointer;
	font-size: 12px;
	list-style-type: none;
}

.suggestionList li:hover {
	background-color: #a9dbf6;
}
.contact_item {
	padding-left:150px;
	cursor:pointer;
	padding-bottom:2px;
}	

.table_aide_contact {
	 width:100%;
}

.table_aide_contact span{
	color:#b7005a;
	font-size: 14px;
	text-decoration:none;
}

.table_aide_contact span:hover{
	text-decoration:none;
}

.div_aide_contact {
	width:90%;
	margin:auto;
	color:gray;
	font-size:14px;
	margin-top: 30px;
}

.div_aide_contact input[type=text] {
	width: 300px;
 }
 
 .aide_text {
 	font-size: 13px;
 	text-align: justify;
 }
 
 a.aide_lien {
 	text-decoration: none;
 }
 
 a.aide_lien:hover {
 	text-decoration: underline;
 } 
 
 .aide_titre {
 	font-size: 13px;
 	font-weight: bold;
 	padding-bottom: 3px;
 	padding-top: 15px;
 	clear: both;
 }
 
 .spacer {
	clear: both;
}	

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

.parents_rubrique{
	padding:10px 10px 0px 10px;
}

.parents_rubrique ul{
	list-style-type: none;
	margin-left:0px;
	padding-left:0px;
	margin-top:5px;
	line-height:16px;
}	

.parents_rubrique a {
	font-size: 12px;
	text-decoration: none;
}

.parents_rubrique a:hover {	
	text-decoration: underline;
}

.parents_rubrique_titre {
	color: #9c132e;
	font-size:12px;
	font-weight:bold;
}

.siteParents_url {
	 width: 440px;
	 float: left;
}

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

.allDossiers {
	background-color: #FFFFFF;
	margin-left: 20px;
	width: 531px;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px; 
	min-height: 317px;
	max-height: 500px;
	overflow : auto;	
	font-size: 13px;
}
.detailsDossier2 {
	 margin-bottom:10px;
	 font-size: 13px;
	 background-color : #fff;
}

.descriptiondossier{
	float:left;
}
.descriptionDossier a.titre:hover {
	text-decoration: underline;
}

#div_departements {
	float:left;
	border: 1px dotted gray;
	background-color: #f4f4f4;
	padding:5px;
	margin: 10px 10px;
	width: 220px;
	height:191px;
	overflow-y: auto;
}

#div_departements a {
	text-decoration: none;
}

#div_departements a:hover {
	text-decoration: underline;
}	

#div_cartes {
	border: 1px dotted gray;
	background-color: #f4f4f4;
	padding:10px;
	width:450px;
	float:left;
	margin:10px;
}

/***********************************************/
.rubrique_link {width: 86px;height: 80px; cursor: pointer}
.rub {float:left;width: 86px;height: 80px}
#rub_home {float:left;background: transparent url(../../images/sprite1.png) 0px -4px no-repeat;}
#rub_home:hover {background: transparent url(../../images/sprite1.png) 0px -107px no-repeat;}
.rub_1 {background: transparent url(../../images/sprite1.png) -168px -6px no-repeat;}
.rub_1:hover, .rub_1_hover {background: transparent url(../../images/sprite1.png) -168px -107px no-repeat;}
.rub_2 {background: transparent url(../../images/sprite1.png) -256px -6px no-repeat;}
.rub_2:hover, .rub_2_hover {background: transparent url(../../images/sprite1.png) -256px -107px no-repeat;}
.rub_3 {background: transparent url(../../images/sprite1.png) -345px -6px no-repeat;}
.rub_3:hover, .rub_3_hover {background: transparent url(../../images/sprite1.png) -345px -107px no-repeat;}
.rub_4 {background: transparent url(../../images/sprite1.png) -428px -6px no-repeat;}
.rub_4:hover, .rub_4_hover {background: transparent url(../../images/sprite1.png) -428px -107px no-repeat;}
.rub_5 {background: transparent url(../../images/sprite1.png) -514px -6px no-repeat;}
.rub_5:hover, .rub_5_hover {background: transparent url(../../images/sprite1.png) -514px -107px no-repeat;}
.rub_6 {background: transparent url(../../images/sprite1.png) -600px -6px no-repeat;}
.rub_6:hover, .rub_6_hover {background: transparent url(../../images/sprite1.png) -600px -107px no-repeat;}
.rub_7 {background: transparent url(../../images/sprite1.png) -686px -6px no-repeat;}
.rub_7:hover, .rub_7_hover {background: transparent url(../../images/sprite1.png) -686px -107px no-repeat;}


#footer_rubriques {float: left; margin-left: 10px; margin-top: 20px; height: 60px; clear: both; width: 100%}
.footer_link {width: 60px;height: 60px; cursor: pointer}
#footer_0 {float:left;background: transparent url(../../images/sprite1.png) -10px -209px no-repeat;}
#footer_0:hover {background: transparent url(../../images/sprite1.png) -10px -280px no-repeat;}
#footer_1 {float:left;background: transparent url(../../images/sprite1.png) -70px -209px no-repeat;}
#footer_1:hover {background: transparent url(../../images/sprite1.png) -70px -280px no-repeat;}
#footer_2 {float:left;background: transparent url(../../images/sprite1.png) -128px -209px no-repeat;}
#footer_2:hover {background: transparent url(../../images/sprite1.png) -130px -280px no-repeat;}
#footer_3 {float:left;background: transparent url(../../images/sprite1.png) -185px -209px no-repeat;}
#footer_3:hover {background: transparent url(../../images/sprite1.png) -191px -280px no-repeat;}
#footer_4 {float:left;background: transparent url(../../images/sprite1.png) -244px -209px no-repeat;}
#footer_4:hover {background: transparent url(../../images/sprite1.png) -253px -280px no-repeat;}
#footer_5 {float:left;background: transparent url(../../images/sprite1.png) -304px -209px no-repeat;}
#footer_5:hover {background: transparent url(../../images/sprite1.png) -313px -280px no-repeat;}

#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
    display:none;
}

/*------------------------------------------------------*/
#cboxContent {
    position: absolute;
}

#cboxContent input, select {
    color: #e51972;
}

.popup-enquete {
    padding:10px;
    background: url('/images/enquete/popup_1.png') no-repeat transparent;
    height: 818px;
    width: 679px;
    z-index: 99;
    position: absolute;
    top:0;    
}

.popup-enquete img {
    border:0;
}

.close_popup {
    position: relative;
    top: 12px;
    left:620px;
    width: 29px;
    height: 29px;
    background: url('/images/enquete/close_popup_enquete.png') no-repeat transparent;
    cursor: pointer;
}

#accord_parent {
    position: relative;
    top: 532px;
    left: 80px;
    width: 21px;
    height: 22px;
    background: url('/images/enquete/accord_parent_off.png') no-repeat transparent;
    cursor: pointer;
}

#btn_participe {
    position: relative;
    top: 590px;
    left: 220px;
    width: 221px;
    height: 85px;
    background: url('/images/enquete/btn_participe_off.jpg') no-repeat transparent;    
}

#link_reglement {
    height: 25px;
    left: 285px;
    position: relative;
    top: 608px;
    width: 100px;
    cursor: pointer;
}

#contenu-jeu {
	width: 100%;
	margin: auto;
	clear: both;
	position:relative;
	z-index: 1;
        background-color: #fff;
}

#tab_genre_enfant {
    position: relative;
    top: 5px;
    left: 35px
}

#tab_genre_enfant td {
    background: url("/images/enquete/bg_div_genre_pop3.png") no-repeat scroll left top transparent;
    height: 30px;
    width: 600px;
    position: relative;
}