/* normalise les marges et les remplissages  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{
margin: 0;
padding : 0;
}
/* normalise les tailles de polices pour les en-t?tes */
h1, h2, h3, h4, h5, h6{
font-size : 100%;
}
/* supprime list-style pour les listes */
ol, ul {
list-style : none;
}/* Définit l'image feuille_seule_27x10.png comme puce de liste li */
.article-content li {
background-image: url(../images/Divers_images/feuille_seule_27x10.png);
background-repeat: no-repeat;
background-position:left center;
padding-left: 30px;
}
/* normalise les styles et graisse de fontes */
address, caption, cite, code, dfn, em, th, var
{
font-style : normal;
font-weight : normal;
}
/* supprime les bordures dans les tableaux */
table
{
border-collapse : collapse;
border-spacing : 0;
}
/* supprime les bordures dans les ?l?ments fieldset et img */
fieldset, img
{
border: 0;
margin-top: 5px;
margin-left: -5px;
margin-right: 5px;
}
/* aligne le texte ? gauche dans caption et th */
caption, th
{
text-align : left;
}
/* supprime les apostrophes double (guillemets anglais) autour de q */
q:before, q:after
{
content :'';
}
/* supprime le souslignage des liens et les met en noir */
a
{
text-decoration : none;
color : #33c;
}
/*****************************************		SITE
******************************************/
html {
text-align:center;
background: #d8e178 url(../images/fond.gif) 0 0 repeat-x;
}
body {
position:relative;
width:1000px;
margin:0 auto;
text-align:left;
}
div#header {
position:relative;
width:100%;
height:171px;
background: transparent url(../images/fond_haut.gif) 0 0 no-repeat;
z-index:100;
}
div#date {
position:absolute;
top:15px;
left:5px;
}
div#escargot {
position:absolute;
margin-left: 200px;
top:1px;
height:30px;
width:750px;
}
div#escargot2 {
position:absolute;
margin-left: 30%;
top:1px;
height:30px;
width:53px;
background: transparent url(../images/Escargots/Escargot_plat_50x30.png) 0 0 no-repeat;
}
div#header_site {
position:absolute;
-webkit-border-top-left-radius: 17.5px;
-webkit-border-top-right-radius: 17.5px;
-moz-border-radius: 17.5px 17.5px 0px 0px;
bottom:0;
margin-left: auto; 
margin-right: auto;
height:140px;
width:960px;
border : 2px solid #b3cb35;
border-bottom:none;
}
div#logo {
position:absolute;
left:9px;
top:3px;
height:117px;
width:408px;
background: transparent url(../images/logo.png) 0 0 no-repeat;
}
div#logoD {
position:absolute;
right:10px;
top:73px;
height:44px;
width:149px;
background: transparent url(../images/logoDp.png) 0 0 no-repeat;
}
div#top_nav {
position:absolute;
top:0;
right:10px;
height:20px;
}
div#nav_main {
position:absolute;
-moz-border-radius: 8px 8px 0px 0px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
bottom:0;
left:9px;
height:20px;
border: 1px solid #b3cb35;
border-bottom:none;
}
#search {
position:absolute;
bottom:0;
left:10px;
height:20px;
}
div#bottom_site {
position:relative;
height:171px;
margin:0;
background: #d8e178 url(../images/fond_milieu.jpg) 0 0 no-repeat bottom right;
z-index:10;
}
div#content {
position:relative;
-moz-border-radius: 0px 0px 17.5px 17.5px;
-webkit-border-bottom-left-radius: 17.5px;
-webkit-border-bottom-right-radius: 17.5px;
width:960px;
border: 2px solid #fff;
border-top:none;
}
div#content_main {
width: 924px;
background: #b3cb35 url(../images/Fond_creche1920_trans.png) no-repeat bottom center;
margin-top: 0px;
margin-right: 9px;
margin-left: 9px;
Padding: 9px;
min-height:325px;
}
#content_left {
float: left;
-moz-border-radius: 17.5px;
-webkit-border-radius: 17.5px;
width: 210px;
margin-bottom: 9px;
padding: 3px;
background: url(../images/blank.png) 0 0 repeat;
z-index:200;
}

#Flash_info {
width:auto;
font-weight:bold;
padding-top: 9px;
padding-right: 9px;
padding-bottom: 0;
padding-left: 9px;
margin-left: 215px;
margin-bottom: 9px;
color:#91435B;
font-size: 100%;
}

#sous-menu {
font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
text-decoration: none;
font-variant:small-caps;
font-weight:bold;
color:#91435B;
margin:0 0 0 0;
}

#Flash_info_2 {
-moz-border-radius: 17.5px;
-webkit-border-radius: 17.5px;
width:auto;
padding-top: 9px;
padding-right: 9px;
padding-bottom: 47px;
padding-left: 9px;
margin-left: 230px;
margin-bottom: 9px;
border: 2px solid #efad00;
background: transparent url(../images/logoDp.png) no-repeat 98% 100%;
font-size: 100%;
}
#Flash_info_content {
font-size: 100%;
}
#main_component {
-moz-border-radius: 17.5px;
-webkit-border-radius: 17.5px;
width:auto;
padding-top: 18px;
padding-right: 9px;
padding-bottom: 47px;
padding-left: 9px;
margin-left: 230px;
border: 2px solid #efad00;
background: transparent url(../images/logoDp.png) no-repeat 98% 100%;
}
#message {
color:#000000;
margin-left:auto;
margin-right:auto;
width:350px;
font-size:100%;
}
#message2 {
color:#000000;
margin-left:auto;
margin-right:auto;
width:500px;
font-size:100%;
}
#pathway {
text-align:right;
margin-top:-8px;
}
#bas {
clear:both;
}
div#users {text-align: center;
-moz-border-radius: 0px 0px 17.5px 17.5px;
-webkit-border-bottom-left-radius: 17.5px;
-webkit-border-bottom-right-radius: 17.5px;
margin-left: auto;
margin-top: -9px;
margin-right: auto;
margin-bottom: 9px;
padding-bottom: 1px;
width:942px;
background: #b3cb35 url(../images/fond_green_dark.jpg) 0 0 no-repeat;
}
.user4, .user5, .user6 {float: left;
-moz-border-radius: 17.5px;
-webkit-border-radius: 17.5px;margin: 9px;width: 29%;
background: url(../images/blank.png) 0 0 repeat;
min-height: 124px;
}
div#footer_site {
width: 100%;background: #d8e178 url(../images/fond_bas.jpg) 0 0 no-repeat;
}
div#footer {

margin: 0 5 0 20px;width: 960px;
clear:both;
height:30px;
}
.clr {
clear:both;
}
/** 			FOOTER		**/
#footer .moduletable{
float:left;

}
div#administration {
padding:5px;
float:left;
}

div#administration2 {
padding:5px;
float:right;
}

div#copy {
padding:5px;
float:right;
}
/**  OTHERS  	**/
.cadre_moitie_gauche {
float:left;
width:40%;
}
.cadre_moitie_droite {
float:right;
width:40%;
}
