body
{
margin-top: 0px;
margin-bottom: 0px;
background-color: #F0F0F0;
background:#F0F0F0 url(fond.gif) center top repeat;
text-align: center;

}

#pagecomplete {
width:100%;

background: url(images/fond.gif) center top repeat-y;

}
#page
{
text-align: left;

width:900px;
background-color: #FFFFFF;
margin: auto;
}

#header
{
width:100%;
background-color: #416FB4;
}

#barre-connexion
{
width:100%;
height:26px;
background-color: #27436D;
margin-bottom: 0px;

}
#int-header
{
clear:both;
margin-top: 0px;
width:100%;
height:125px;
  background-image: url("fond_head.jpg");
background-color: #416FB4;
background-repeat: no-repeat;
}

#logo-haut
{
float:left;
margin-top: 12px;
margin-left: 53px;
width:96px;
height:107px;
}
#banpub
{
margin-right: 200px;
width:482px;
height:60px;
text-align: center;
float:right;
margin-top: 40px;

}

.formtxt
{
background-image: url("fond_form_text.jpg");
color:#434D63;
}
.titres-carrou
{
font-size:20;
}

.titre-partie
{
background-image: url("images/fond-haut-ligne.gif");
background-repeat: no-repeat;
background-color: #416FB4;
color:#A6BFEA;
font-size:15;
float:left;
width:650px;
height:20px;
vertical-align:middle;
}
.titre-partie2
{
background:#416FB4 url(images/fond-fin-ligne.jpg) right top repeat-y;
float:right;
width:250px;
height:20px;
text-align:right;
color:#9E5614;
}
#blocinfo1
{
float:left;
width:290px;
text-align:justify;
}
#blocinfo2
{
float:left;
width:290px;
text-align:justify;

}
#blocinfo3
{
float:right;
width:290px;
text-align:justify;

}
#blocinfo1:hover
{
   background-color:#EEF2F7;
}
#blocinfo2:hover
{
   background-color:#EEF2F7;
}
#blocinfo3:hover
{
   background-color:#EEF2F7;
}

.traitgauche
    {
    border-left: 1px solid #416FB4;
    padding-left: 5px;
    margin-left: 5px;
   }

.photobloc
{
float:left;
}
.titrebloc
{
color:#2D3442;
font-size:18px;
}
.introbloc
{
color:#434D61;
font-size:12px;
}
#footer
{
width:100%;
clear:both;
}
#toutelactu
{
clear:both;
color:#485368;
width:100%;
text-align:right;
border-bottom: 3px solid #5C6985;
}
.bloc
{

float:left;
width:290px;
}
.blocd
{
float:right;
width:295px;
}

#blocsondage
{
background:#FFFFFF url(images/fond-bloc.png) top repeat-x;

 border: 1px solid #368BBB;
 margin-right:5px;
}
#blocsondage .titreh
{
color:#FFFFFF;
font-size:30px;
}
#blocsondage .titreb
{
color:#FFFFFF;
font-size:10px;
}
#contenu
{
clear:both;
width:100%;
margin:auto;
}
.formulaire
{
margin-bottom:3px;
}
.intbloc
{
color:#0A2432;
margin-left:4px;
margin-right:4px;
margin-top:4px;
margin-bottom:4px;
}
#blocmeteo
{
background:#FFFFFF url(images/fond-meteo.png) top repeat-x;

 border: 1px solid #8E743C;

}
#blocaussi
{
background:#FFFFFF url(images/fond-aussi.png) top repeat-x;

 border: 1px solid #3F628C;
  margin-right:5px;
   margin-left:5px;
}
#blocatmo
{
background:#FFFFFF url(images/fond-atmo.png) top repeat-x;

 border: 1px solid #3F8C74;
  margin-right:5px;
   margin-left:5px;
color:#1B3A31;
font-size:15;
text-align:justify;
   }
#blockiosque
{
background:#FFFFFF url(images/fond-kiosque.png) top repeat-x;
width:290px;
 border: 1px solid #466AA2;
 color:#161630;
 font-size:15;
height:235px;
}
.unejournal
{
 border: 1px solid #969696;
  margin-right:2px;
   margin-left:2px;
   float:left;
   vertical-align:middle;
}
.unejournald
{
 border: 1px solid #969696;
  margin-right:2px;
   margin-left:2px;
   float:right;
      vertical-align:middle;

}
.bouton  a:link {
text-decoration:none;
color:#5A6161;
}
.bouton a:hover {
text-decoration:none;
color:#2F3333;
}
.bouton
{
clear:both;
float:right;
margin-right:8px;
}


.titrebloc a {
color:#525F9A;
text-decoration:none;
}
.titrebloc a:hover {
color:#525F9A;
text-decoration:none;

}

.videosdroite {
float:right;
width:390px;
text-align:justify;
}
.lignevideo {
background-color:#F4F7FB;
width:390px;
height:100px;
}
.vignettevideodroite {
width:170px;
height:100px;
float:left;
background-color:#D8E2F1;
text-align:center;
padding-top:5px;
}
.titrevideo {
color:#243E64;
 font-size:17;

}
.titrevideo a:visited {
color:#243E64;
 font-size:17;

}
.hautvideo {
font-size:20;
color:#365E94;
}
.traitbas
    {
    border-bottom: 1px solid #416FB4;
    padding-bottom: 5px;
    margin-bottom: 5px;
   }
#blocinfoarticle {
width:240px;
float:right;
}
.momentmeteo {
width:100%;
font-size:20;
border-bottom: 2px solid #8D733B;
color:#4F401C;
}
.gauchemeteo {
float:left;
width:140px;
text-align:center;
}
.droitemeteo {
float:right;
width:140px;
text-align:center;

}
#blocwebcam
{
background:#FFFFFF url(images/fond-meteo.png) top repeat-x;
width:290px;
 border: 1px solid #8E743C;
height:150px;
}
#footer {
width:900px;
height:231px;
background:#FFFFFF url(images/bottomfond.jpg) top repeat-x;

}
.imglogofooter {
margin-left:65px;
margin-top:40px;
}
.titrefooter1 {
color:#C9D1E7;
font-size:20;
margin-left:40px;
margin-top:40px;
}
.footerlien1 {
color:#788CC2;
font-size:15;
margin-left:25px;
}