body {margin:0px; font-family:Arial, Helvetica, sans-serif; background-image:url(images/fond_page.jpg); background-repeat:repeat-x; }



/* GLOBAL */
.text-normal { font-size:12px; }

a.lien {
	padding:2px 10px 0 0px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#005E82;
	text-decoration:none;
}
a.lien:hover {
	padding-top:2px;
	padding-left:0px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#060;
	text-decoration: underline;
}


a.lien_violet {	padding:2px 10px 0 0px; font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#609; text-decoration:none;}
a.lien_violet:hover {	padding-top:2px; padding-left:0px;font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#903; text-decoration: underline; }

a.lien_bleu {	padding:2px 10px 0 10px; font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#006f97; text-decoration:none;}
a.lien_bleu:hover {	padding-top:2px; padding-left:20px;font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#006f97; text-decoration: underline; }

a.bouton  { background-image:url(images/icon_bouton.png); background-repeat:no-repeat; color: #000000; text-decoration: none; padding-left:20px ; font-size:12px;}
a.bouton:hover { background-image:url(images/icon_bouton_survol.png); background-repeat:no-repeat; text-decoration: none; font-weight:bold;  padding-left:30px; font-size:12px; }

.bouton_on  { background-image:url(images/icon_bouton_survol.png); background-repeat:no-repeat; text-decoration: none; font-weight:bold;  padding-left:30px; color: #63C; font-size:14px;}
a.titre {	color: #F60; font-weight:bold; font-size: 14px; font-style:oblique}
a.titre:hover {	color: #F60; font-weight:bold; font-size: 14px; text-decoration:none;}

a.lien_petit {	color: #999999; font-size: 10px; text-decoration:none; }
a.lien_petit:hover {	color: #090; font-size: 10px; } 

.sous_titre {	color: #F60; font-size: 12px; }

/* STYLE IDENTIFIER  */
#identifier fieldset {
	margin : 0;
	position : relative;
	border : 0;


}
#identifier input {
	border : 1px solid #ccc;
}

#identifier fieldset legend {
	display : block;

}
#identifier label {
}
#identifier #ident, #identifier #mdp {
	display : block;
}
#identifier #ident {
	width : 140px;
}
#identifier #mdp {
	width : 100px;
}
#identifier #Click {
	border : 0;
	position : absolute;
	top : 62px;
	left : 110px;
}
#identifier p {
	margin : 5px 0;
}
#identifier p a {
	color : #c03288;
}

/* FIN IDENTIFIER */


/* STYLE RESTER INFORME*/
#resterinforme {
	font-size : 10px;
	background : #fff url('images/rester_informe.jpg') top left no-repeat;
	padding-top : 18px;
}
#resterinforme fieldset {
	margin : 0;
	position : relative;
	border : 0;
	border-left : 1px solid #81ba49;
	border-right : 1px solid #81ba49;
	border-top : 1px solid #81ba49;

}
#resterinforme fieldset legend {
	display : block;
	text-indent : -9999px;
}
#resterinforme label {
}
#resterinforme input {
	border : 1px solid #ccc;
}
#resterinforme #ri_mail {
	display : block;
	width : 110px;
}
#resterinforme #ri_submit {
	border : 0;
	position : absolute;
	top : 16px;
	left : 117px;
}
#resterinforme p {
	margin : 5px 0;
}
.note {
	color: #999;
	font-size: 10px;
	text-decoration:none;
}
#resterinforme p a {
	color : #c03288;
}

#acces {
	width : 165px;
	font-size : 10px;
	padding-top : 15px;
	margin-top:10px;
}

#champs_acces {
	background : url('images/bas_menu_gauche.jpg') bottom center no-repeat;
	width:158px;
	padding : 15px 0px 25px 5px;
	margin-bottom:12px;
	border-left : 1px solid #36C;
	border-right : 1px solid #36C;
	background-color:#FFF;
}

/* Fin de Rester informer */

.erreur_formulaire {color:#FFFFFF; background-color:#FF0000; font-weight:bold}
.valid_formulaire {color:#FFFFFF; background-color:#00AA00; font-weight:bold;}

/* STYLE FLUX RSS*/

#sidefluxrss {	height : 41px; }
#sidefluxrss a {
	display : block;
	color : #f60;
	font-weight : bold;
	text-decoration : none;
	width : 100px;
	height : 35px;
	padding-top : 15px;
	padding-left : 50px;
	background : url('images/rss.jpg') 15px center no-repeat;

}
* html #sidefluxrss a {
	height : 35px;
}

/* FIN STYLE FLUX RSS*/

#soutient {bottom:0; padding-right:14px; text-align:center }
#soutient .petit_texte { font-size:11px; color:#06C ; text-decoration:none }
#soutient .petit_texte :hover{ font-size:11px; color:#06C ; text-decoration: underline}

/* Pied de page */

a.petitlien_basdepage {	color: #F60; font-weight:bold; font-size: 10px; text-decoration: none; font-style:none}
a.petitlien_basdepage:hover {	color: #F60; font-weight:bold; font-size: 10px; text-decoration: underline;}

/* FIN pied de page */




/* STYLE PAGE CONTENU */
#contenu {
	margin:0px auto;
	width:1020px;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	
}

#contenu_centre {float:left; width:620px; border:#eee solid 2px; margin-bottom:15px;}

#contenustatic {
	margin-left : 5px;
	margin-right: 5px;
}
#contenustatic h2 {
	text-align : justify;
	color : #6633cc;
	font-size : 22px;
	height : 40px;
	background : url('images/barre_separation_grise.jpg') bottom repeat-x;
}
#contenustatic h3 { margin-bottom : 10px; }
.center { text-align : center; }
.unecolonne {
	width : 606px;
	text-align : center;
	margin : 0 5px 10px 5px;
}
#contenustatic .unecolonne h3 {
	text-align : center;
	height : 28px;
	margin : 0;
	color : #fff;
	padding-top : 3px;
	font-size : 22px;
	background : url('images/unecolonne/top.jpg');
}
.unecolonne .contenu {
	text-align : left;
	background : #cedeff url('images/unecolonne/fond.jpg') no-repeat;
	min-height : 212px;
	padding : 10px;
	margin : 0;
}
* html .unecolonne .contenu { height : 212px; }
.unecolonne .contenu p { margin : 0; }
.unecolonne .bas {
	background : #cedeff url('images/unecolonne/bas.jpg') bottom center;
	height : 10px;
}
.contribuer {
	clear : both;
	width : 606px;
	text-align : center;
	margin-bottom:10px;
}
#contenustatic .contribuer h3 {
	text-align : center;
	height : 28px;
	margin : 0;
	color : #fff;
	padding-top : 3px;
	font-size : 22px;
	background : url('images/contribuer/top.jpg');
}
.contribuer .contenu {
	text-align : left;
	background : #ffebf6 url('images/contribuer/fond.jpg') no-repeat;
	min-height : 211px;
	padding : 10px;
	margin : 0;
}
* html .contribuer .contenu { height : 211px; }
.contribuer .contenu p { margin : 0; }
.contribuer .bas {
	background : #ffebf6 url('images/contribuer/bas.jpg') bottom center;
	height : 10px;
}
.gauche {
	width : 298px;
	float : left;
	text-align : center;
	margin : 0 0px 10px 2px;
	display: block;
}
#contenustatic .gauche h3 {
	text-align : center;
	height : 28px;
	margin : 0;
	color : #fff;
	padding-top : 3px;
	font-size : 22px;
	background : url('images/public/top.jpg');
}
.gauche .contenu {
	text-align : left;
	background : #dfe9fe url('images/public/fond.jpg') no-repeat;
	min-height : 212px;
	padding : 10px;
	margin : 0;
}
* html .gauche .contenu { height : 212px; }
.gauche .contenu p { margin : 0; }
.gauche .bas {
	background : #dfe9fe url('images/public/bas.jpg') bottom no-repeat;
	height : 10px;
}
.droite {
	width : 298px;
	float : left;
	text-align : center;
	margin : 0 5px 10px 5px;
}
#contenustatic .droite h3 {
	text-align : center;
	height : 28px;
	margin : 0;
	color : #fff;
	padding-top : 3px;
	font-size : 22px;
	background : url('images/prive/top.jpg');
}
.droite .contenu {
	text-align : left;
	background : #ffe6b5 url('images/prive/fond.jpg') no-repeat;
	min-height : 148px;
	padding : 10px;
	margin : 0;
}
* html .droite .contenu { height : 148px; }
.droite .contenu p { margin : 0; }
.droite .bas {
	background : #ffe6b5 url('images/prive/bas.jpg') bottom no-repeat;
	height : 10px;
}
ul {
	list-style-position : inside;
	padding : 0;
	margin : 0;
}
li { padding : 10px 0 ; }
.nopuce { list-style : none; }
.blocli { padding : 15px 0; }
.skype {
	padding-left : 40px;
	background : url('images/logo_skype_S.png') left center no-repeat;
}
.carnet-dadresse {
	padding-left : 40px;
	background : url('images/carnet-dadresse.png') left center no-repeat;
}
.calendar {
	padding-left : 40px;
	background : url('images/calendar.png') left center no-repeat;
}
.reseau {
	padding-left : 40px;
	background : url('images/icon-reseau.png') left center no-repeat;
}
.forumpublic {
	background : url('images/forum-public.png') left center no-repeat;
	padding : 10px;
	padding-left : 40px;
	text-align : left;
	margin-bottom : 10px;
}
.forumprive {
	background : url('images/forum-prive.png') left center no-repeat;
	padding : 10px;
	padding-left : 40px;
	text-align : left;
	margin-bottom : 10px;
}
.blog {
	background : url('images/blog.png') left center no-repeat;
	padding : 10px;
	padding-left : 40px;
	text-align : left;
	margin-bottom : 10px;
}

.aide {
	background : url('images/aide.png') left center no-repeat;
	padding : 10px;
	padding-left : 40px;
	text-align : left;
	margin-bottom : 10px;
}

.deconnexion {
	background : url('images/deconnexion.png') right center no-repeat;
	padding : 10px;
	padding-right : 40px;
	text-align : right;
	margin-bottom : 10px;
}

.hermes {
	background : url('images/logo_partenaires/logo_Hermes_small.png') left center no-repeat;
	padding : 10px;
	padding-left : 130px;
	text-align : left;
	margin-bottom : 10px;
}

/* FIN PAGE CONTENU */

#menu_horizontal {
width:620px; margin:3px auto }

div#menus {
	height: 25px;
	z-index:10;
	position:relative;
	width:627px;
	border-bottom:#C60 1px solid;
	margin:0 auto;
}

div#menus h2, ul.smenu a {
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0;
}

ul.smenu li
{
    list-style-type:none;
}

ul.smenu a
{
    text-decoration:none;
}

div#menus a {
    cursor: pointer;
}

div#menu1 h2 a, div#menu2 h2 a, div#menu3 h2 a, div#menu4 h2 a, div#menu5 h2 a, div#menu6 h2 a, div#menu7 h2 a, div#menu8 h2 a, 
div#menu9 h2 a, div#menu10 h2 a, div#menu11 h2 a, div#menu12 h2 a, div#menu13 h2 a, div#menu14 h2 a, div#menu15 h2 a
{
    display:block;
    height:30px;
    text-align:center;
    text-decoration:none;
}

div#menu1, div#menu2, div#menu3, div#menu4, div#menu5, div#menu6, div#menu7, div#menu8, 
div#menu9, div#menu10, div#menu11, div#menu12, div#menu13, div#menu14, div#menu15
{
	position:absolute;
	top: 0px;

}

ul#smenu
{
    float:left;
    position:absolute;
    top:20px;
}

ul.smenu
{
	background : White;
	border: solid 1px #7F7F7F;
	display: none;
	margin:0;
	padding : 3px;
	position:absolute;
	text-align: left;
	width:200px;
	top: 20px;
	
}

/********************************/
/************* MENUS ************/
/********************************/

div#menu1
{    left: -50px;
	width:100px;
	
}

div#menu2
{
	left:2px;
	width:100px;
}

div#menu3
{
	left:138px;
	width: 141px;
}

div#menu4
{
	left:280px;
	width: 116px;
}

div#menu5
{
	left:436px;
	width: 116px;
}

div#menu6 
{
	left:650px;
	width: 115px;
}

div#menu7
{
	left:140px;
	width: 120px;
}

div#menu8
{
    left:497px;
    width: 80px;
}

div#menu9
{
    left:577px;
    width: 64px;
}

div#menu10
{
    left:641px;
    width: 68px;
}

div#menu11
{
    left:709px;
    width: 90px;
}

div#menu12
{
    left:799px;
    width: 46px;
}

div#menu13
{
    left:845px;
    width: 44px;
}

div#menu14
{
    left:889px;
    width: 59px;
}

div#menu15
{
    left:948px;
    width: 52px;
}

/**menu1**/
div#menu1 .a1off
{
	color: #FF9900;
}

#menu1 .a1on, #menu1 .a1sel
{
	color:White;
}
/**menu2**/
#menu2 .a2off
{
	color: #FF9900;
}
#menu2 .a2on, #menu2 .a2sel
{
	color:White;
}
/**menu3**/
#menu3 .a3off
{
	color: #FF9900;
}
#menu3 .a3on, #menu3 .a3sel
{
    color:White;
}
/**menu4**/
#menu4 .a4off
{
	color: #FF9900;
}
#menu4 .a4on, #menu4 .a4sel
{
    color:White;
}
/**menu5**/
#menu5 .a5off
{
	color: #FF9900;
}
#menu5 .a5on, #menu5 .a5sel
{
    color:White;
}
/**menu6**/
#menu6 .a6off
{
	color: #FF9900;
}
#menu6 .a6on, #menu6 .a6sel
{
    color:White;
}
/**menu7**/
#menu7 .a7off
{
   color: #A24002;
}
#menu7 .a7on, #menu7 .a7sel
{
    color:White;
}


div#menu6 h2 a
{
    padding: 0 8px 0 8px;
}
div#menu10 h2 a, div#menu12 h2 a, div#menu13 h2 a, div#menu14 h2 a 
{
    line-height:30px;
}

div#menu1 .a1sel, div#menu1 a:hover
{
    background-position:0 0;
    color:White;
}


/*************************************/
/************* SOUS-MENUS ************/
/*************************************/

ul.smenu li.mlev2
{
    border-style:solid;
    border-width:1px;
}

ul.smenu li.mlev2 a
{
    color:White;
    display:block;
    line-height:22px;
    text-align:center;
}

ul.smenu li.mlev3 a, ul.smenu li.mlast3 a
{
    color: #7F7F7F;
    display:block;
    height:auto;
    line-height:16px;
    padding: 3px 2px 3px 22px;
}

ul.smenu li.mlev4 a, ul.smenu li.mlast4 a
{
    color: #7F7F7F;
    display:block;
    height:auto;
    line-height:14px;
    padding: 1px 2px 1px 43px;
}


    /*>>>>>><<<<<<>>>>>><<<<<<>>>>>><<<<<<*/
    /*>>>>>> COULEURS SOUS-MENUS <<<<<<*/
    /*>>>>>><<<<<<>>>>>><<<<<<>>>>>><<<<<<*/

/*>>>>>><<<<<<>>>>>><<<<<<>>>>>><<<<<<*/
/******>> 10-mandarine : DVD <<*/
ul#smenu2 li.mlev2
{
    background-color:#E87117;
    border-color:#E87117;
}

ul#smenu2 li.mlev2 a:hover
{
    color:#E87117;
    background-color: White;
}

ul#smenu2 li.mlev3 a, ul#smenu2 li.mlast3 a
{
    background: url(images/flecheOrange.gif) 5% 5px no-repeat;
}

ul#smenu2 li.mlev4 a, ul#smenu2 li.mlast4 a
{
    background: url(images/carre.gif) 31px 4px no-repeat;
}
ul#smenu2 li.mlev3, ul#smenu2 li.mlev4
{
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-bottom:none;
    border-color:#E87117;
    padding-bottom:1px; /** hack IE <= 6 do not remove or change **/
}

ul#smenu2 li.mlev3 a:hover,  ul#smenu2 li.mlast3 a:hover, ul#smenu2 li.mlev4 a:hover,  ul#smenu2 li.mlast4 a:hover  
{
    background-color:#FAE3D1;
}

ul#smenu2 li.mlast3, ul#smenu2 li.mlast4
{
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-color:#E87117;
    padding-bottom:5px;
}

/*>>>>>><<<<<<>>>>>><<<<<<>>>>>><<<<<<*/
/******>> 25-terrebattue : MUSIQUE ET LIVRES <<*/
ul#smenu3 li.mlev2
{
    background-color:#C95135;
    border-color:#C95135;
}

ul#smenu3 li.mlev2 a:hover
{
    color:#C95135;
    background-color: White;
}

ul#smenu3 li.mlev3 a, ul#smenu3 li.mlast3 a
{
    background: url(images/flecheRouge.gif) 5% 5px no-repeat;
}

ul#smenu3 li.mlev4 a, ul#smenu3 li.mlast4 a
{
    background: url(images/carreRouge.gif) 31px 4px no-repeat;
}
ul#smenu3 li.mlev3, ul#smenu3 li.mlev4
{
    /*border-left:solid 1px #C95135;
    border-right:solid 1px #C95135;*/
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-bottom:none;
    border-color:#C95135;
    padding-bottom:1px; /** hack IE <= 6 do not remove or change **/
}

ul#smenu3 li.mlev3 a:hover,  ul#smenu3 li.mlast3 a:hover, ul#smenu3 li.mlev4 a:hover,  ul#smenu3 li.mlast4 a:hover  
{
    background-color:#F4DFD6;
}

ul#smenu3 li.mlast3, ul#smenu3 li.mlast4
{
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-color:#C95135;
    padding-bottom:5px;
}

/*>>>>>><<<<<<>>>>>><<<<<<>>>>>><<<<<<*/
/******>> 14-anthracite : JEUX PC CONSOLES <<*/
ul#smenu4 li.mlev2
{
    background-color:#7F7F7F;
    border-color:#7F7F7F;
}

ul#smenu4 li.mlev2 a:hover
{
    color:#7F7F7F;
    background-color: White;
}

ul#smenu4 li.mlev3 a, ul#smenu4 li.mlast3 a
{
    background: url(images/flecheGrise.gif) 5% 5px no-repeat;
}

ul#smenu4 li.mlev4 a, ul#smenu4 li.mlast4 a
{
    background: url(images/carreGris.gif) 31px 4px no-repeat;
}
ul#smenu4 li.mlev3, ul#smenu4 li.mlev4
{
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-bottom:none;
    border-color:#7F7F7F;
    padding-bottom:1px; /** hack IE <= 6 do not remove or change **/
}

ul#smenu4 li.mlev3 a:hover,  ul#smenu4 li.mlast3 a:hover, ul#smenu4 li.mlev4 a:hover,  ul#smenu4 li.mlast4 a:hover  
{
    background-color:#E5E5E5;
}

ul#smenu4 li.mlast3, ul#smenu4 li.mlast4
{
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-color:#7F7F7F;
    padding-bottom:5px;
}

/*>>>>>><<<<<<>>>>>><<<<<<>>>>>><<<<<<*/
/******>> 20-bleuoutremer : INFORMATIQUE <<*/
ul#smenu5 li.mlev2
{
    background-color:#3564C9;
    border-color:#3564C9;
}

ul#smenu5 li.mlev2 a:hover
{
    color:#3564C9;
    background-color: White;
}


ul#smenu5 li.mlev3, ul#smenu5 li.mlev4
{
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-bottom:none;
    border-color:#3564C9;
    padding-bottom:1px; /** hack IE <= 6 do not remove or change **/
}

ul#smenu5 li.mlev3 a:hover,  ul#smenu5 li.mlast3 a:hover, ul#smenu5 li.mlev4 a:hover,  ul#smenu5 li.mlast4 a:hover  
{
    background-color:#D6DCF4;
}

ul#smenu5 li.mlast3, ul#smenu5 li.mlast4
{
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-color:#3564C9;
    padding-bottom:5px;
}

/*>>>>>><<<<<<>>>>>><<<<<<>>>>>><<<<<<*/
/******>> 13-metal : IMAGE MP3 SON <<*/
ul#smenu6 li.mlev2
{
    background-color:#A5A5BF;
    border-color:#A5A5BF;
}

ul#smenu6 li.mlev2 a:hover
{
    color:#A5A5BF;
    background-color: White;
}


ul#smenu6 li.mlev3, ul#smenu6 li.mlev4
{
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-bottom:none;
    border-color:#A5A5BF;
    padding-bottom:1px; /** hack IE <= 6 do not remove or change **/
}

ul#smenu6 li.mlev3 a:hover,  ul#smenu6 li.mlast3 a:hover, ul#smenu6 li.mlev4 a:hover,  ul#smenu6 li.mlast4 a:hover  
{
    background-color:#ECECF3;
}

ul#smenu6 li.mlast3, ul#smenu6 li.mlast4
{
    border-style:solid;
    border-width:1px;
    border-top:none;
    border-color:#A5A5BF;
    padding-bottom:5px;
}


    /*>>>>>>> POSITIONS SOUS-MENUS <<<<<<*/

*html ul#smenu11  /*no doctype "hack"*/
{
    width:210px;
}

ul#smenu2
{
    top:20px !important;
    top:10px;
}
ul#smenu12
{
    left:-163px !important;
    left:-154px;
}
ul#smenu13
{
    left:-164px !important;
    left:-156px;
}
ul#smenu14
{
    left:-149px !important;
    left:-141px;
}
ul#smenu15
{
    left:-156px !important;
    left:-148px;
}