@CHARSET "UTF-8";
body {
margin: 0; /* pour éviter les marges */ 
text-align: center; /* pour corriger le bug de centrage IE */
background-color: rgb(241, 254, 247);
font-family: Helvetica,Arial,sans-serif;
}

#menu{
background-color: rgb(241, 254, 247);
}

#Titre_page{
font-family: Helvetica,Arial,sans-serif;
font-size: 16pt;
color:navy;
}

#content{
background-color:white;
margin-left: auto; 
margin-right: auto;
width:1000px;
text-align: left;
}

.centre {
margin: 0; /* pour éviter les marges */ 
text-align: center; /* pour corriger le bug de centrage IE */	
}
.droite {
margin: 0; /* pour éviter les marges */ 
text-align: right; /* pour corriger le bug de centrage IE */	
}

.pan_boutons {
margin-left: 110px; /* pour éviter les marges */ 
text-align: left; 
}


#titre{
margin:10px;
padding:10px;
width:100%;
height:100px;
}

#mots_cles{
display:none;
visibility: hidden;
}


.blocblanc
{
width:85%;
padding:12px;
margin-left:20px;	
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
-moz-border-radius:8px;
-webkit-border-radius:8px;	
}

/*bloc d'info pour un div on en défini 3*/
.bloc_header {
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
-moz-border-radius:8px;
-webkit-border-radius:8px;

background:-webkit-gradient(linear,
    left bottom,
    left top,
    color-stop(0.07, rgb(200,240,240)),
    color-stop(0.64, rgb(230,240,230)),
    color-stop(0.82, rgb(250,245,240))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(200,240,240) 7%,
   rgb(230,240,230) 64%,
   	rgb(250,245,240) 82%
);
padding:30px;
}

/*bloc d'info pour un div mis en valeur pour nouveauté*/
.bloc_news {
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
-moz-border-radius:8px;
-webkit-border-radius:8px;

background:-webkit-gradient(linear,
    left bottom,
    left top,
    color-stop(0.07, rgb(250,200,200)),
    color-stop(0.64, rgb(255,240,230)),
    color-stop(0.82, rgb(255,200,200))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(250,200,200) 7%,
   rgb(255,240,230) 64%,
   	rgb(250,200,200) 82%
);
color: rgb(153, 0, 0);
font-family:sans-serif;
padding:30px;
}



/*bloc d'info pour un div on en défini 3*/
.bloc_nofloat {
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
-moz-border-radius:8px;
-webkit-border-radius:8px;
background:-webkit-gradient(linear,
    left bottom,
    left top,
    color-stop(0.07, rgb(200,240,240)),
    color-stop(0.64, rgb(230,240,230)),
    color-stop(0.82, rgb(250,245,240))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(200,240,240) 7%,
   rgb(230,240,230) 64%,
   	rgb(250,245,240) 82%
);

padding:10px;
}

/*bloc d'info pour un div on en défini 3*/
.bloc_nofloat_ie {
border-radius:8px;
border:thin;
border-color:navy;
border-style:solid;
background:rgb(175,233,212);
padding:10px;
}

.flashy_ie {
border-radius:8px;
border:thin;
border-color:red;
border-style:solid;
background:rgb(255,235,200);
padding:10px;
}




/*bloc d'info pour un div on en défini 3*/
.bloc_nofloat_uni {
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
-moz-border-radius:8px;
-webkit-border-radius:8px;

background:rgb(200,240,240);
padding:10px;
}




.flashy {
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
-moz-border-radius:8px;
-webkit-border-radius:8px;

background:-webkit-gradient(linear,
    left bottom,
    left top,
    color-stop(0.07, rgb(255,235,180)),
    color-stop(0.64, rgb(255,235,200)),
    color-stop(0.82, rgb(255,235,220))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(255,235,180) 7%,
   rgb(255,235,200) 64%,
   	rgb(255,235,220) 82%
);
padding:10px;
text-align:left;
}

/*bloc d'info pour un div on en défini 3*/
.bloc1 {
float:left;
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
-moz-border-radius:8px;
-webkit-border-radius:8px;

background:-webkit-gradient(linear,
    left bottom,
    left top,
    color-stop(0.07, rgb(200,240,240)),
    color-stop(0.64, rgb(230,240,230)),
    color-stop(0.82, rgb(250,245,240))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(200,240,240) 7%,
   rgb(230,240,230) 64%,
   	rgb(250,245,240) 82%
);
padding:3px;
}

.bloc2 {
float:left;
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
-moz-border-radius:8px;
-webkit-border-radius:8px;

background:-webkit-gradient(linear,
    left bottom,
    left top,
    color-stop(0.07, rgb(112,217,217)),
    color-stop(0.64, rgb(196,240,240)),
    color-stop(0.82, rgb(213,245,245))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(112,217,217) 7%,
    rgb(196,240,240) 64%,
    rgb(213,245,245) 82%
);
padding:3px;
	

}

.bloccorps {
margin:5px;
padding:5px;
font-size:14px;
font-weight:normal;
text-align: justify;
font-family: sans-serif;
}

.bloc3 {

}

/*cellule sur une ligne pour un span on en défini aussi 3*/
.cell {
float:left;
margin-left:5px;
padding:3px;
}


.cell1 {
float:left;
margin-left:5px;
padding:3px;
width:45%;
	
}

.cell2 {
float:left;
margin-left:5px;
padding:10px;
width:45%;

}

.cell60 {
float:left;
margin-left:5px;
padding:10px;
width:60%;
}

.cell50 {
float:left;
margin-left:5px;
padding:10px;
width:50%;
}

.cell48 {
float:left;
margin-left:5px;
padding:10px;
width:48%;
}




.cell_argument {
margin-left:5px;
padding:10px;
background: rgb(0,68,85);
color:white;
font-family: sans-serif;
font-size: 16px;
font-weight:bold;
text-align:left;
}
.cell_argument_left {
float:left;
margin-left:5px;
padding:10px;
background: rgb(0,68,85);
color:white;
font-family: sans-serif;
font-size: 16px;
font-weight:bold;
text-align: left;
width:45%;
}

.cell10 {
float:left;
margin-left:5px;
padding:0px;
width:10%;
}

.cellpub {
float:left;
margin-left:5px;
padding:0px;
width:160px;
height:600px;
}

.cell3 {

}

.bloc1largeur {
float:left;
width:100%;
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
-moz-border-radius:8px;
-webkit-border-radius:8px;

background:-webkit-gradient(linear,
    left bottom,
    left top,
    color-stop(0.07, rgb(200,240,240)),
    color-stop(0.64, rgb(230,240,230)),
    color-stop(0.82, rgb(250,245,240))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(200,240,240) 7%,
   rgb(230,240,230) 64%,
   	rgb(250,245,240) 82%
);
margin:10px;
padding:10px;
}

img .cadre { 
  -moz-box-shadow: 1px 1px 12px #555; 
  -webkit-box-shadow: 1px 1px 12px #555;
  margin:10px;
  float:left;
  -moz-border-radius:8px;
 -webkit-border-radius:8px;
}

img { 
  border:none;
} 

.conteneur{


}

#p_anime{
height:435px;
clear:both;

}

.spacer {
visibility: hidden;
clear: both;
height:1px;
}

hr {
text-align:left;
margin-left:0px;
width:100%;
height:6px;
background-color: rgb(0,136,160);
color:rgb(0,136,160);
}

h2 {
margin-left:30px;	
}

#infos {
float:left;
width:50%;
	
}

.annonce {
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
-moz-border-radius:8px;
-webkit-border-radius:8px;
background:rgb(255,200,200);
background:-webkit-gradient(linear,
    left bottom,
    left top,
    color-stop(0.07, rgb(255,190,180)),
    color-stop(0.64, rgb(255,210,200)),
    color-stop(0.82, rgb(255,230,220))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(255,190,180) 7%,
   rgb(255,210,200) 64%,
   	rgb(255,230,220) 82%
);
padding:10px;	
}
	
#p_footer{

}

#telechargement {
float:left;
margin-left:5px;
padding:10px;
width:45%;	
}

#capteur1:hover {	
background-color: white;
color:rgb(0,68,85);
}

#capteur2:hover {
background-color: white;
color:rgb(0,68,85);
}

#capteur3:hover {
background-color: white;
color:rgb(0,68,85);
}

.ecran{
float:right;
}
#ecran1{
visibility: visible;
}
#ecran2{
visibility: hidden;
}
#ecran3{
visibility: hidden;
}


#ligne0{
padding:5px;
}