@CHARSET "UTF-8";
body {
margin: 0; /* pour éviter les marges */ 
background-color: #87decdff;
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; 
}
#imgtireurs2 {
overflow:hidden;
width:600px;
height:200px;
z-index: 1;
}

#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;
}




/*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;
}

/*cellule sur une ligne pour un span on en défini aussi 3*/
.cellcontent {
float:left;
width:680px;
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;
}

.cellchoix {
float:left;
margin-left:5px;
padding:0px;
width:120px;
height:320px;
color:navy;
}

.cellchoix2 {
float:left;
margin-left:5px;
padding:0px;
width:120px;
height:360px;
color:navy;
}

.cellchoix .limite {
color:white;
}



.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;
}

a img.icolien {
width:24px;
height:24px;
float:none;
position:relative;
top:6px;
}
a span.labellien {
float:left;
margin-right:10px;
text-align:left;
height:24px;
}


img { 
  border:none;
} 

.conteneur{


}

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

}

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

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

h2 {
margin-top:5px;
margin-bottom:10px;
font-size:14pt;
}

#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;
}

.testenligne:link{
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
margin-left:5px;
margin-bottom:5px;
padding:3px;
text-decoration:none;
border:1px;
border-style:solid;
border-color:rgb(0,128,128);
background-color:rgb(0,128,128);
color: white;
font-weight:bold;
position:relative;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
background-repeat: x;
font-size:10pt;
	
}
.testenligne:visited{
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
margin-left:5px;
padding:3px;
text-decoration:none;
border:1px;
border-style:solid;
border-color:rgb(0,128,128);
background-color:rgb(0,128,128);
color: white;
font-weight:bold;
position:relative;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
background-repeat: x;
font-size:10pt;
}

.testenligne:hover{
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
margin-left:5px;
padding:3px;
text-decoration:none;
border:1px;
border-style:solid;
border-color:#B96900;
background-image: none;
background-color:#FFEA90;
color: black;
font-weight:bold;
font-size:10pt;
position:relative;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
}

.savoirplus:link{
clear:both;
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
margin-left:5px;
padding:3px;
text-decoration:none;
border:1px;
border-style:solid;
border-color:rgb(0,128,128);
background-color:rgb(0,128,128);
color: white;
font-weight:bold;
position:relative;
background-repeat: x;
font-size:10pt;
}
.savoirplus:visited{
clear:both;
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
margin-left:5px;
margin-bottom:5px;
padding:3px;
text-decoration:none;
border:1px;
border-style:solid;
border-color:rgb(0,128,128);
background-color:rgb(0,128,128);
color: white;
font-weight:bold;
position:relative;
background-repeat: x;
font-size:10pt;
}

.savoirplus:hover{
clear:both;
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
margin-left:5px;
margin-bottom:5px;
padding:3px;
text-decoration:none;
border:1px;
border-style:solid;
border-color:#B96900;
background-image: none;
background-color:#FFEA90;
color: black;
font-weight:bold;
font-size:10pt;
position:relative;

}

.choix{
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
background-color:rgb(0,128,128);
color:navy;
border-style:solid;
border-width:medium;
border-color:navy;
text-align:center;
width:100px;
padding-bottom:5px;
}

.presentation{
float:left;
}

.limite{
width:inherit;
}

.thickbox:link{
clear:both;
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
margin-left:5px;
padding:3px;
text-decoration:none;
border:1px;
border-style:solid;
border-color:rgb(0,128,128);
background-color:rgb(0,128,128);
color: white;
font-weight:bold;
position:relative;
background-repeat: x;
font-size:8pt;
}
.thickbox:visited{
clear:both;
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
margin-left:5px;
margin-bottom:5px;
padding:3px;
text-decoration:none;
border:1px;
border-style:solid;
border-color:rgb(0,128,128);
background-color:rgb(0,128,128);
color: white;
font-weight:bold;
position:relative;
background-repeat: x;
font-size:8pt;
}

.thickbox:hover{
clear:both;
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
margin-left:5px;
margin-bottom:5px;
padding:3px;
text-decoration:none;
border:1px;
border-style:solid;
border-color:#B96900;
background-image: none;
background-color:#FFEA90;
color: black;
font-weight:bold;
font-size:8pt;
position:relative;
}

.tuto:link{
clear:both;
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
margin-left:5px;
padding:3px;
text-decoration:none;
border:1px;
border-style:solid;
border-color:rgb(0,128,128);
background-color:rgb(0,128,128);
color: white;
font-weight:bold;
position:relative;
background-repeat: x;
font-size:9pt;
}
.tuto:visited{
clear:both;
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
margin-left:5px;
margin-bottom:5px;
padding:3px;
text-decoration:none;
border:1px;
border-style:solid;
border-color:rgb(0,128,128);
background-color:rgb(0,128,128);
color: white;
font-weight:bold;
position:relative;
background-repeat: x;
font-size:9pt;
}

.tuto:hover{
clear:both;
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
margin-left:5px;
margin-bottom:5px;
padding:3px;
text-decoration:none;
border:1px;
border-style:solid;
border-color:#B96900;
background-image: none;
background-color:#FFEA90;
color: black;
font-weight:bold;
font-size:9pt;
position:relative;

}

#conteneur_onglets{
border:1px;
border-style:solid;
border-color:#B96900;	
}

#onglets{
text-align: left;
padding:8px;	

}

#onglets span{
padding:8px;	
border:1px;
border-style:solid;
}



.pannel_tab{
float:left;
	
}

.bloc_essentiel {
    background-color: #000458;
    background-image: -moz-linear-gradient(center top , rgb(16, 113, 120) 0%, rgb(31, 23, 19) 40%, rgb(33, 61, 61) 80%);
    border-radius: 8px;
    box-shadow: 1px 1px 12px #555;
    color: white;
    font-size: 14px;
    padding: 10px;
}