* {
	margin: 0;
	padding: 0;
}

body { 
font-family: Arial, Helvetica, sans-serif;
font-size: 1em/100%;
margin: 0;
padding: 0;
}

#master{
width:750px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin:0 auto;
background:#110978;
}

#navigation{
float:left;
width:177px;
padding:0;
margin:0;
background:#110978;}

#general{
margin:0 0 0 177px;
padding:0;
text-align:left;
background:#110978;
}

#header{
height:90px;
background: url(img/header.jpg);}

#header h1 span{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
#header ul li{
display:inline;
margin:2px 0 0 0px;
padding:0 0 0 0px;
font-size:70%;
color:#fff;}

#header li a{color:#fff;
text-decoration:none;}
#header li a:hover{color:#fff;
text-decoration:underline;}

#sous-menu{
padding:0;
/*background:#0F0;*/
background: url(img/blog-jeux.jpg);
background-position: top right ;
background-repeat:no-repeat;
height:55px;
margin:0;
}

#sous-menu ul{
font-size:160%;
color:#110978;
font-weight:bold;
padding:30px 0px 0 0px;
margin:0;

}
#sous-menu ul li{
display:inline;
padding:0px;
margin:0;}

#sous-menu ul li.blog{
padding:0 0 0px 5px;
margin:0;}

#sous-menu ul li.jeux{
text-align:right;
padding:0 0  0 4px;
margin:0 0 0 440px;}

#contenu{
background: #fff url(img/bordure.gif) top right repeat-y;
padding:0 15px 20px 0;
margin:0 0 0  2px;
min-height:464px;
}


#calendar{
border:1px solid #7ecfe2;
border-bottom:2px solid #47a8bf;
border-right:2px solid #47a8bf;
background:#effcff;
float:right;
margin:50px 10px 5px 10px;
padding:0px 10px 10px 10px;}

#calendar caption a{
color:#ff6f00;
text-decoration:none;
font-weight:bold;}

#calendar th abbr {color:#110978;}

#calendar .occupe a{
display:block;
text-align:center;
background:#fd6f01;
color:#fff;
text-decoration:none;}

#calendar .occupe a:hover{
background:#7ecfe2;
color:#000;
text-decoration:none;}




#footer{
padding: 8px 0 30px 300px;
font-size:80%;
background:#FFF url(img/footer.png) no-repeat;
background-position:177px 0px;
clear:both;}

#footer ul li{
display:inline;}


/*-------------------------------------------------------------MENU-------------------------------------------------------------------*/
#navigation  a img{
border:0;
padding:0;
margin:6px 0 5px 48px;}
#navigation  a:hover img{
border:0;
padding:0;
margin:6px 0 5px 48px;}
#navigation a:visited  img {
border:0;
padding:0;
margin:6px 0 5px 48px;}

#navigation dt{
margin:3px 1px 5px 0;
padding:0;
}
#navigation dt{
display:block;
width:177px;
border-left:1px solid #110978;
background: #fff;
font-size:110%;
font-weight:bold;
text-decoration:none;
color:#110978;
text-indent:10px;}

#navigation dt.lienon {
display:block;
width:177px;
background: #fff url(img/degrad_bleu.gif) top right repeat-y;
font-size:110%;
font-style:italic;
font-weight:bold;
color:#110978;
text-decoration:none;
}
/**************/
body#bod_contact #dt_contact{
background-color: #fff;
background-image: url(img/degrad_bleu.gif);
background-position:top right;
background-repeat:repeat-y;
font-style:italic;
text-decoration:none;
}

body#bod_contact #dt_contact a,
body#bod_contact #dt_contact a:visited {
text-decoration:none;
display:block;
color:#110978;
width:177px;
}
/********************/

body#bod_accueil #dt_accueil{
background-color: #fff;
background-image: url(img/degrad_bleu.gif);
background-position:top right;
background-repeat:repeat-y;
font-style:italic;
text-decoration:none;
}

body#bod_accueil #dt_accueil a,
body#bod_accueil #dt_accueil a:visited{
text-decoration:none;
display:block;
color:#110978;
width:177px;
}

#accueil a,
#accueil a:visited,
#contact a,
#contact a:visited{
text-decoration:none;
color:#110978;
display:block;
width:177px;
background-color: #fff;
background-position:top right;
background-repeat:repeat-y;
}

#accueil a:hover,
body#bod_accueil #dt_accueil a:hover,
#contact a:hover,
body#bod_contact #dt_contact a:hover{
background-image: url(img/degrad_orange.gif);
text-decoration:none;
display:block;
width:177px;
background-color: #fff;
background-position:top right;
background-repeat:repeat-y;
}

/*
#navigation dt a:hover,
#navigation dt a:focus{
background-color: #fff;
background-image: url(img/degrad_orange.gif);
background-position:top right;
background-repeat:repeat-y;
}*/

/*
#navigation dt.dedans a:hover{
background: #fff url(img/degrad_orange.gif) top right repeat-y;
margin:0;
padding:0;
}*/



#navigation ul{
padding:0;
margin:0;}

#navigation ul li{
list-style-type:none;
margin:0;
padding:2px 0 0px 10px;}

#navigation li{
margin:0;
padding:0;}

#navigation li a{
border: 0 none;
height: 100%;
display:block;
color:#7ECFE2;
text-decoration:none;}


#navigation li a.lienon{
border: 0 none;
height: 100%;
margin:0;
padding:0;
display:block;
color:#FD6F01;
text-decoration:none;}

#navigation li a:hover.lienon,
#navigation li a:focus.lienon{
color:#FD6F01;
margin:0;
padding:0;
}


#navigation li a:hover,
#navigation li a:focus{
color:#FD6F01;
text-decoration:none;}


/*MENU                   BLOG                                   JEUX*/

li.blog a,
li.jeux a{
text-decoration:none;
color:#110978;}
li.blog a:hover{
color:#7ecfe2;
text-decoration:none;}

li.jeux a:hover{
color:#fd6f01;
text-decoration:none;}

/*-------------------------------------------------------------------------Contenu principal---------------------------------------------------------------------------------*/
#contenu{
font: normal 100%/1em  Arial, sans-serif; 
color:#000;}

#contenu span img{
border:4px solid #7ECFE2;
margin:15px 20px 15px 20px;
padding:0;}

h2{
font-size:160%;
color:#110978;
padding:20px 0px 20px 0px;
margin:0 0 0 10px;
line-height:25px;}

/*
#truc{
background:url(img/bleu.gif) repeat-x;
background-position: left center;
background-color:fff;
margin:0 20px 0 5Px;
padding:0;
}*/
span.titre{
font-style:italic;
margin:0 0 0 0;
line-height:25px;
padding:0px 10px 0 15px;}

span.soustitre{
font-size:88%;
margin:0 5px 0 15px;
line-height:25px;
color:#fd6f03;
padding:0px 10px 0 10px;}

h3.spip{margin:25px 0 0 45px;
padding:2px;
font-size:140%;
color:#7ECFE2;}

#connexe{
border:1px solid #7ecfe2;
border-bottom:2px solid #47a8bf;
border-right:2px solid #47a8bf;
float:right;
/*background:#effcff;*/
margin:10px 10px 10px 20px;
padding:4px 10px 0px 10px ;}

#connexe ul li{list-style-image: url(img/puce.gif);
line-height:1.2em;
margin:5px 0 5px 10px ;
}

#connexe span.intro{
text-align:center;
color:#110978;
font-weight:bold;
font-size:120%;}


p.spip{
margin:0 20px 5px 20px;
padding:2px;
line-height:1.7em;
text-align:justify;}

p.surtitre{
font-style:italic;
color:#110978;
padding:10px 20px 0 20px;}

p.chapo{
font-style:italic;
color:#110978;
padding:0 20px 0 20px;
line-height:1.2em;}

p.soustitre{
font-style:italic;
color:#110978;
padding:0 20px 0 20px;}

p.postscriptum{
font-style:italic;
color:#7ECFE2;
padding:0 20px 0 20px;}

hr.spip{
border:1px solid #FD6F01;
margin:20px 100px 20px 100px;
}

#portfolio{padding:5px;
margin:3px 20px 0 20px;}

#portfolio a img{
border:2px solid #7ECFE2;
padding:1px;
margin:3px;}

#portfolio a:hover img{
border:2px solid #FD6F01;
padding:1px;
margin:3px;}

#docu{
padding:5px;
margin:3px 20px 0 20px;
border:1px dashed #7ecfe2;
background:#e5f5fc;}

#docu a img{
border:0;
padding:1px;
margin:3px;}

#docu a:hover img{
border:0;
padding:1px;}

h4{color:#110978;
margin:0 0 10px 0;}



/*********************************************LIENS**********************************/
a.spip_out,
a.spip_in{
text-decoration:underline;
color:#fd6f01;}
a:hover.spip_out,
a:hover.spip_in{
text-decoration:underline;
color:#7ecfe2;}
a:visited.spip_out,
a:visited.spip_in{
text-decoration:underline;
color:#fd6f01;}

a:visited:hover.spip_out,
a:visited:hover.spip_in{
text-decoration:underline;
color:#7ecfe2;}

#footer a{
text-decoration:none;
color:#110978;
}
#footer a:hover{
text-decoration:underline;
color:#fd6f01;
}
/************************************************SOMMAIRE*****************************************/


ul li.puce{list-style-image: url(img/puce.gif);
line-height:1.4em;
margin:0 50px 0px 50px;
}

 ul li.texte_breve{
margin:0 50px 0px 50px;
padding-bottom:10px;
list-style-type: none;
line-height:1.4em;
}
 
#sommaire_breve h2{
margin:30px 10px 10px 10px;
color:#110978;}

.date_breve{
font-weight:bold;
color:#FD6F01;}
.titre_breve{
font-weight:bold;
color:#110978;}

a.recherche{
font-weight:bold;
color:#FD6F01;
text-decoration:underline;}
a:hover.recherche{
font-weight:bold;
color:#7ecfe2;
text-decoration:underline;}


/***************************************LES ATELIERS*********************************************/
div.haut{text-align:right;
font-size:80%;
margin:10px 20px;
border-top:1px dotted #7ecfe2;}

div.haut a{
color:#7ecfe2;
text-decoration:none;}

div.haut a:hover{
color:#FD6F01;
text-decoration:none;}

div.haut a:visited{
color:#7ecfe2;
text-decoration:none;}

ul.sommaire_atelier{
text-align:center;
padding:5px;
margin:20px 40px 0px 40px;}
ul.sommaire_atelier li{
line-height:2em;
display:inline;
}
ul.sommaire_atelier li a{color:#7ecfe2;}
ul.sommaire_atelier li a:hover{color:#FD6F01;}
ul.sommaire_atelier li a:focus{color:#FD6F01;}
/***********************************************FORMULAIRE CONTACT****************************/

#formul{
margin:20px;
padding:10px;}

#formul fieldset{
border:1px solid #FD6F01;
padding:10px;}

#formul legend{
font-size:180%;
color:#7ECFE2;
font-weight:bold;
margin:10px;
padding:5px;}

#formul label {
	text-align:right;
	line-height:3em;
	padding:0 18px 0 10px;
	color:#110978;
	font-weight:bold;
}

#formul input#sujet_message_auteur_1{
	width:250px;
	background:#fff;
	border:1px solid #110978;
	padding:2px 3px 2px 3px;
	margin: 0 0 0 94px;
}
#formul input#email_message_auteur_1{
	margin:2px 0 2px 0;
	width:250px;
	background:#fff;
	border:1px solid #110978;
	padding:2px 3px 2px 3px;
}

#formul textarea{
	background:#fff;
	border:1px solid #110978;
	padding:0px 3px 2px 3px;
	margin:0 0 0px 5px;
	width:404px;
}
div.spip_bouton input{
margin:10px 0 0 280px;
}
p.reponse_formulaire{
margin:5px;
color:#FD6F01;}


/***********************************************DIVERS*****************************************/
kbd{
border:1px solid #110978;
border-bottom:2px solid #110978;
border-right:2px solid #110978;
background:#dff9ff;
font-size:110%;}

strong{
color:#110978;}


/*****************************FORMULAIRE RECHERCHE********************************/
.formulaire_recherche{
margin:8px 0px 8px 20px;}

input#recherche{
background:#c1e7f0;}

input#recherche:focus{
background:#febd87;}

input.valid{
background:url(img/ok.gif) top left no-repeat;
border:none;
height:23px;
font-weight:bold;
cursor:pointer;
color:#fff;
width:26px;}
input.valid:hover{
background:url(img/ok.gif) top left no-repeat;
border:none;
cursor:pointer;
height:23px;
color:#000;
font-weight:bold;
width:26px;}