/*Ce CSS comprend le design du menu de gauche, de l'accueil et du pied de page*/
*
{
margin:0px;
padding:0px;
border:0px;
}

body
{
margin: 0; /* pour éviter les marges */
margin: auto;
width: 815px;
font: 13px/20px sans-serif; 
background-color: #FFF
}

#conteneur
{
padding-bottom:150px;
border-color:#FF6600;
border-width: 2px;
border-style: solid;
font-family : arial;
background-image: url(./image/footer.png);
background-repeat:no-repeat; 
background-position:bottom right;
}


a img 
{
border: none;
margin-bottom:0px;
}

img
{
border:none;
margin:0px;
padding:0px;
}


#conteneur_petit
{
height:1048px;
border-color:#FF6600;
border-width: 2px;
border-style: solid;
}
    

/*CSS Header*/

#header
{
height:200px;
}


/*CSS colonne gauche*/

/*CSS du cadre orange en fond*/
#colonnegauche
{
float:left;
width:165px;
margin-top:5px;
margin-left:5px;
border-style: double;
border-width: 1px;
background-color: #ff9933;
-moz-border-radius:10px;
border-color:#FF6600;
}
/*FIN CSS du cadre orange en fond*/

center
{
padding-left:5px;
padding-right:5px;
}

/*Propriété commune box colonne gauche*/

#commande{
  margin-top:20px;
  margin-left:10px;
}

*+html .box {
margin-top:-3px !important;
}

.box
{
padding-top:5px;
padding-bottom:5px;
margin-top:0px !important; 
margin-top:-3px;
width:145px;
height:100px;
border:1px solid #2937A0;
background-color: #FFFFCC;
}

.box a{
  text-decoration:none;
}

.box2
{
padding-top:5px;
padding-bottom:5px;
margin-top:0px !important; 
margin-top:-3px;
width:145px;
height:161px;
border:1px solid #2937A0;
background-color: #FFFFCC;
}

.box3
{
padding-top:5px;
padding-bottom:5px;
margin-top:0px !important; 
margin-top:-3px;
width:145px;
height:130px;
border:1px solid #2937A0;
background-color: #FFFFCC;
color:
}

.box3 input{
  border:1px solid #3A48B1;
}

.box4
{
padding-top:5px;
padding-bottom:5px;
margin-top:0px !important; 
margin-top:-3px;
width:145px;
height:40px;
border:1px solid #2937A0;
background-color: #FFFFCC;
}
/*FIN Propriété commune box colonne gauche*/


/*Gallerie*/
#gallerie
{
margin-top:20px;
margin-left:10px;
}
/* FIN Gallerie*/


/*Coin des petits*/
#petits
{
margin-top:20px;
margin-left:10px;
}

/*FIN CSS Coin des petits*/


/*CSS inscription Newsletter*/
#newsbox
{
margin-top:20px;
margin-left:10px;
margin-bottom:10px;
}

#newsletter 
{
margin-top:45px;
width: 120px;
margin-left: 10px;
}

#valid
{
margin-top:5px;
margin-left:35px;
margin-bottom: 20px;
}


#feed{
width:135px;
margin-left:15px;
}

.image a  {

margin-left:25px;
}

#feed a img{
margin-left:50px;
padding:0px;
}

/*FIN CSS Colonne gauche*/

/*CSS des quatres parties de la Colonne gauche*/
/* CSS bloc central contenu coin des tout petits*/
#contenu_coindespetits
{

height:830px;
background-image: url(./image/jeux.png);
background-repeat: no-repeat;
}

#cadre_jeux
{
margin-left:140px;
}

#list_jeux
{
margin-left:20px;
margin-left:181px;

}

#list_jeux img
{
margin-right:15px;

}

#jeux_flash
{
margin-top:40px;
margin-left:50px;

}
/* FIN CSS bloc central contenu coin des tout petits*/

/* CSS du contenu du coin des tout petits*/
#contenugallerie
{
float:right;
width:600px;
padding:0px;
margin-top:0px;
margin-right:0px;
padding-top:10px;
background-image: url(./image/album.png);
background-repeat: no-repeat;
background-position: top right;
}

.video
{
margin-top:20px;
margin-bottom:20px;
}

.audio
{
margin-top:20px;
margin-bottom:10px;
}



/* Fin CSS du contenu du coin des tout petits*/


/*CSS bloc central index.php*/

/* CSS Commun a toutes les box de la page*/
.boxcont
{
margin:5px;
margin-left:7px;
padding:1px;
}
/* CSS Commun a toutes les box de la page*/


/*CSS box haut ne sert a rien*/
#boxhaut
{
float:left;
width:600px;
margin-top:7px;
border:solid 1px blue;
}

#boxhaut p
{
margin:0px;
}

#boxhaut h4
{
margin:4px;
}
/*FIN CSS box haut ne sert a rien*/


/*CSS Dernier né*/
#box_dernier
{
float:left;
width:348px;
margin-right:20px;
background-image: url(./image/dernier.png);
background-position: top;
background-repeat: no-repeat;
}

.cadre_dernier
{
border:solid 1px #ce7e02;
min-height:250px;
margin-top:31px;
padding-bottom:15px;
}



#dernier1
{
padding-left:27px;
}

#dernier1 img{
padding-left:80px;
}


#dernier1 a
{
color:#f16d29;
text-decoration: none;
font-style: italic;
font-size: 14px;
font-weight: bold;
}

#dernier1 a:hover
{
color:#1c298e;
font-style: italic;
font-size: 14px;
font-weight: bold;
}

.dernier_lien a
{
color:#f16d29;
text-decoration: none;
font-style: italic;
font-size: 14px;
font-weight: bold;
padding-left:120px;
}

.dernier_lien a:hover
{
color:#1c298e;
font-style: italic;
font-size: 14px;
font-weight: bold;
}

.dernier_lien p{
color:#1c298e;
width:290px;
}

/*FIN CSS Dernier né*/


/*CSS Actualité */
#box_actu
{
float:left;
width: 205px;
padding-top:28px;
background-image: url(./image/actu.png);
background-position: top;
background-repeat: no-repeat;
}

.cadre_actu
{
border:solid 1px #2a38a1;
color:#1c298e;
padding-bottom:15px;
min-height:255px;
}


#box_actu h4
{
margin-bottom:0;
}
/*FIN CSS Actualité*/


/*CSS Box bas*/
#boxbas
{
float:left;
margin-top:20px;
}

#boxbas h4
{
padding-top:2px;
}

#boxbas p
{
margin:0px;
}


/* CSS Zoom sur*/
#box_zoom
{
float:left;
width:348px;
margin-right:20px;
padding-top:28px;
background-image: url(./image/coupdepouce.png);
background-position: top;
background-repeat: no-repeat;
}

.cadre_zoom
{
border:solid 1px #d08004;
min-height:235px;
color:#1c298e;
padding-bottom:15px;
}

.zoom_img{
  margin-left:50px;
}

.zoom_titre1{
  font-size:14px;
  text-align:center;
  color:#F16D29;
  margin-top:30px;
  margin-bottom:40px;
  font-weight:bold;
}

.zoom_titre2{
  font-size:14px;
  margin-top:20px;
  margin-bottom:30px;
  color:#F16D29;
}

.zoom_titre3{
  font-size:14px;
  color:#F16D29;
  margin-top:20px;
  margin-bottom:10px;
}


/* FIN CSS Zoom sur*/


/* CSS On parle de nous*/
#box_on_parle
{
float:left;
width:206px;
padding-top:28px;
background-image: url(./image/onparledenous.png);
background-position: top;
background-repeat: no-repeat;
}

.cadre_on_parle
{
border:solid 1px #2a38a1;
color:#1c298e;
padding-bottom:15px;
min-height:235px;
}

.nom_aut_illus h1{
font-size:18px;
}

/* FIN On parle de nous*/

/*FIN CSS box bas*/

.cadre_titre
{
color:#f16d29;
font-weight: bold;
margin-top:10px;
padding-left:10px;
}

.cadre_contenu
{
padding-left:10px;
padding-right:10px;
margin-top:5px;
}

.cadre_lien
{
margin-top:10px;
text-align: right;
padding-right:10px;
}

.cadre_lien a
{
color:#f16d29;
text-decoration: none;
}

.cadre_lien a:hover
{
color:#1c298e;
font-style: italic;
}


/*CSS Pied de page*/
.separateur
{
clear: both;
visibility: hidden;
}

#contenuinscription input,select
{
  border: 1px solid #F78334;
  color:#28299E;
}

#contenuinscription select{
  width:145px;
}

#contenuinscription p, form{
  margin-left:15px;
}

#contenuinscription p{
  width:400px;
}

.orange
{
  color:#F78334;
  text-decoration:none;
}

#footer 
{
text-align:center;
color:black;
text-decoration: none;
font-size: 11px;
}

#footer a
{
text-align:center;
color:#f16d29;
text-decoration: none;
}

#footer a:hover
{
text-align:center;
color:#1c298e;
text-decoration: underline;
}

#footer p
{
color:#f16d29;
}

#xiti{
margin-top:0px;
}


/*FIN CSS Pied de page*/