body{
font-family : Arial, Verdana,  sans-serif;
font-size:12px;
background-color:#000033;
margin:0;
padding:0;
color:#FFFFFF;
}

.background{
background-color:#000033;
color:#FFFFFF;
margin:auto;
padding:0;
width:950px;
border-top:2px #FFFFFF solid;
border-bottom:2px #FFFFFF solid;
}

h1{
visibility:hidden;
z-index:0;
position:absolute;
}

h2{
font-size:14px;
}

a{
text-decoration:none;
color:#FFFFFF;
}

a:hover{
color:#0099FF;
}

img{
border:none;
}

em{
font-size:10px;
}

#center{
text-align:center;
}

#petit{
font-size:10px;
}

#droite{
text-align:right;
}

.header{
width:950px;
height:108px;
margin:auto;
padding:0;
background-image:url(../graph/bretagne-orages.jpg);
background-repeat:no-repeat;
}

.header td{
vertical-align:top;
color:#FFFFFF;
}

.headerTop{
height:108px;
}

.headerD{
text-align:right;
}

.headerG{
text-align:left;
}

.headerDmbr{
text-align:right;
width:316px;
}

.headerMmbr{
text-align:center;
width:316px;
}

.headerGmbr{
text-align:left;
width:316px;
}

.menuG{
width:150px;
vertical-align:top;
text-align:right;
background-image:url(../graph/fondg.jpg);
color:#FFFFFF;
background-repeat:repeat-y;
}

.menuD{
width:150px;
vertical-align:top;
text-align:left;
background-image:url(../graph/fondd.jpg);
color:#FFFFFF;
background-repeat:repeat-y;
}

.contenu{
width:650px;
text-align:justify;
vertical-align:top;
}

.contenuBIS{
width:650px;
text-align:center;
vertical-align:middle;
height:600px;
}

.tableTitre{
text-align:center;
height:21px;
}

.une{
width:650px;
background-color:#000033;
color:#FFFFFF;
}

.uneGcolor{
width:50%;
background-color:#333366;
border-left: 4px #000033 solid;
border-right: 2px #000033 solid;
vertical-align:top;
color:#FFFFFF;
text-align:justify;
}

.uneDcolor{
width:50%;
vertical-align:top;
}

.uneG3{
width:325px;
vertical-align:top;
border-left: 2px #000033 solid;
border-right: 4px #000033 solid;
}

.uneM3{
width:160px;
vertical-align:top;
}

.uneM3img{
width:160px;
vertical-align:top;
height:180px;

}

.uneD3img{
width:160px;
vertical-align:top;
height:180px;

}

.uneM3com{
width:325px;
vertical-align:top;
border-left: 4px #000033 solid;
background-color:#333366;
}

.uneD3{
width:160px;
vertical-align:top;
}

.soustab{
vertical-align:top;
width:50%;
}

.tablien{
border-top: 1px #FFFFFF solid;
text-align:right;
}

.soustablo{
width:100%;
}

.diversTitre{
width:33%;
vertical-align:top;
}

.diversG{
width:33%;
vertical-align:top;
}

.diversM{
width:33%;
vertical-align:top;
background-color:#333366;
}

.diversD{
width:33%;
vertical-align:top;
}

.diversLien{
width:33%;
vertical-align:top;
border-top: 1px #FFFFFF solid;
text-align:right;
}

.tabMenudos{
width:100%;
}

.menudos{
vertical-align:top;
width:50%;
}

.menudos2{
vertical-align:top;
width:50%;
background-color:#333366;
}

.formular{
width:100%;
margin:auto;
border-bottom: 2px #FFFFFF solid;
border-top:2px #FFFFFF solid;
background-color:#333366;
}

.formular td{
width:50%;
vertical-align:top;
height:40px;
}

.formularRules{
width:100%;
margin:auto;
border-bottom: 2px #FFFFFF solid;
border-top:2px #FFFFFF solid;
background-color:#333366;
}

.formularRules td{
width:50%;
vertical-align:top;
height:40px;
padding-left:30px;
padding-right:30px;
}

.formularTable{
width:80%;
margin:auto;
}

.formularTable td{
width:50%;
vertical-align:top;
height:40px;
}

.formular2{
vertical-align:top;
width:100%;
padding-left:80px;
border-bottom: 2px #FFFFFF solid;
border-top:2px #FFFFFF solid;
background-color:#333366;
}

.formular2 td{
height:40px;
}

.formular3{
vertical-align:top;
width:100%;
border-bottom: 2px #FFFFFF solid;
border-top:2px #FFFFFF solid;
background-color:#333366;
}

.formular3 td{
height:40px;
}

.tabtext{
width:100%;
background-color:#333366;
border-bottom: 2px #FFFFFF solid;
border-top:2px #FFFFFF solid;
}

.login{
width:500px;
margin:auto;
background-color:#333366;
text-align:center;
}

.tabCarte{
width:100%;
margin:auto;
background-color:#333366;
border-bottom: 2px #FFFFFF solid;
border-top:2px #FFFFFF solid;
}

.tabCarte td{
width:33%;
vertical-align:top;
}

.tabSat{
width:100%;
margin:auto;
}

.tabSat td{
width:50%;
text-align:center;
}

.tabSat2{
width:100%;
margin:auto;
background-color:#333366;
border-bottom: 2px #FFFFFF solid;
border-top:2px #FFFFFF solid;
}

.tabSat2 td{
width:50%;
vertical-align:top;
}

.tabSat3{
width:100%;
margin:auto;
}

.tabSat3 td{
width:33%;
text-align:center;
}

.gfs{
height:173px;
}

.txtgfs{
heght:40px;
vertical-align:top;
}

.tabPreci{
width:100%;
background-color:#333366;
border-bottom: 2px #FFFFFF solid;
border-top:2px #FFFFFF solid;
margin:auto;
text-align:center;
}

.tabPreci td{
background-image:url(../graph/carte.png);
background-position:center;
background-repeat:no-repeat;
}

.actu{
width:650px;
margin:auto;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 1px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
}

.actuImg{
width:650px;
margin:auto;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 1px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
}

.actuImgText{
width:450px;
vertical-align:top;
}

.actuImgImg{
width:200px;
vertical-align:top;
}

.actuLien{
border-bottom: 2px #FFFFFF solid;
width:650px;
text-align:right;
}

.actu2{
width:650px;
margin:auto;
background-color:#333366;
border-bottom: 1px #FFFFFF solid;
}

.actu2D{
padding-left:5px;
}

.actu2G{
padding-left:5px;
background-color:#666699;
}

.actuTitre{
background-color:#000033;
}

.actu2Lien{
background-color:#000033;
border-bottom: 2px #FFFFFF solid;
width:650px;
text-align:right;
}

.actu2 td{
width:320px;
vertical-align:top;
}

.art{
width:650px;
margin:auto;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
}


.artImg{
width:650px;
margin:auto;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
}

.artImgText{
width:50%;
vertical-align:top;
}

.artImgImg{
width:50%px;
vertical-align:top;
}

.suiviAlerte{
width:500px;
margin:auto;
color:#000000;
text-align:center;
}

.autreActu{
width:400px;
margin:auto;
background-color:#333366;
text-align:center;
}

.compteur{
margin:auto;
}

.compteur td{
vertical-align:top;
}

.troisPhoto{
width:100%;
text-align:center;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
}

.troisPhoto td{
width:215px;
vertical-align:top;
}

.tdQuatrePhoto{
margin:auto;
width:100%;
text-align:center;
padding-left:5px;
padding-right:5px;
}

.tdQuatrePhoto td{
vertical-align:top;
width:25%;	
}

.book{
width:100%;
margin:auto;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
}

.book th{
text-align:center;
}

.phoB{
text-align:center;
vertical-align:top;
width:110px;
}

.txtB{
text-align:justify;
vertical-align:top;
witdh:540px;
}

.videoUne{
width:100%;
margin:auto;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
}

.vid{
width:100%;
vertical-align:top;
text-align:center;
}

.txtvid{
width:100%;
vertical-align:top;
text-align:justify;
height:70%;
}

.txtvid2{
width:100%;
vertical-align:top;
border-top: 2px #FFFFFF solid;
text-align:justify;
height:30%;
}

.linkVid{
width:100%;
vertical-align:top;
text-align:center;
margin:auto;
border:none;
}

.linkVid td{
width:50%;
}

.contVideo{
width:650px;
margin:auto;
background-color:#333366;
border: 2px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
text-align:justify;
}

.comTitre{
width:650px;
margin:auto;
}

.comG{
text-align:left;
}

.comD{
text-align:right;
}

.comTxt{
width:650px;
margin:auto;
background-color:#333366;
border: 2px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
text-align:justify;
}

.postingTab{
margin:auto;
width:650px;
background-color:#333366;
}

.auteur{
margin:auto;
width:100%;
background-color:#333366;
}

.auteur td{
width:25%;
vertical-align:top;
border-spacing:5px;
border-right:#000033 solid;
border-left:#000033 solid;
}

.compt{
margin:auto;
width:500px;
background-color:#333366;
}

.compt td{
width:50%;
border-spacing:5px;
border-right:#000033 solid;
border-left:#000033 solid;
vertical-align:top;
}

.stat{
width:100%;
margin:auto;
padding-left:5px;
padding-right:5px;
}

.stat2{
width:100%;
margin:auto;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
background-color:#333366;
padding-left:5px;
padding-right:5px;
}

.donnee{
margin:auto;
widht:100%;
}

.donnee td{
widht:25%;
background-color:#333366;
border-spacing:5px;
border-right:#000033 solid;
border-left:#000033 solid;
vertical-align:top;
}

.tableStat{
margin:auto;
border-right : 1px #FFFFFF solid;
border-bottom : 1px #FFFFFF solid;
width:600px;
text-align:center;
}

.tableStat td{
text-align:center;
padding-top:2px;
border-top: 1px #FFFFFF solid;
border-left: 1px #FFFFFF solid;
}

.donneStat{
font-size:10px;
}

.titreStat{
text-align:center;
height:25px;
}

.tableNote{
width:100%;
height:280px;
margin-top:10px;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
}

.tableNote td{
vertical-align:top
}

.profil{
width:650px;
margin:auto;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
padding-left:60px;
padding-right:5px;
}

.profilG{
vertical-align:top;
width:216px;
}

.profilM{
vertical-align:top;
width:216px;
text-align:justify;
}

.profilD{
vertical-align:top;
width:216px;
text-align:left;
}

.photoId{
width:100%;
margin:auto;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
}

.photoId td{
width:50%;
text-align:center;
}

.tableLien{
width:100%;
height:150px;
margin-top:10px;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
}

.tableLien td{
vertical-align:top;
}

.mesnews{
margin:auto;
witdh:100%;
}

.mesnews td{
background-color:#333366;
border-spacing:5px;
border-right:#000033 solid;
border-left:#000033 solid;
vertical-align:top;
}

.tableNews{
width:100%;
height:680px;
margin-top:10px;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
}

.tableNews td{
vertical-align:top;
}

.tabChoix{
width:100%;
margin:auto;
}

.tabChoix td{
width:50%;
}

.tableNews2{
width:100%;
height:170px;
margin-top:10px;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
}

.tableNews2 td{
vertical-align:top;
}

.tablePhoto{
width:100%;
height:400px;
margin-top:10px;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
}

.tablePhoto td{
vertical-align:top;
}

.tableVideo{
width:100%;
height:550px;
margin-top:10px;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
}

.tableVideo td{
vertical-align:top;
}

.tableVideo2{
width:100%;
height:350px;
margin-top:10px;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
}

.tableVideo2 td{
vertical-align:top;
}

.avertoVid{
width:400px;
margin:auto;
background-color:#666699;
}

.avertissement{
margin:auto;
width:550px;
background-color:#FFFFFF;
text-align:center;
color:#FF0000;
font-weight:bold;
}

.tabSecu{
width:100%;
margin-top:10px;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
}

.dossier{
width:100%;
margin:auto;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 1px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
}

.photDoss{
width:205px;
vertical-align:top;
}

.txtDoss{
width:445px;
vertical-align:top;
}

.lienDoss{
width:100%;
margin:auto;
border-bottom: 2px #FFFFFF solid;
text-align:right;
padding-right:5px;
}

.autDoss{
width:100%;
margin:auto;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 1px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
}

.entierDoss{
width:100%;
margin:auto;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
}

.tableDoss{
width:100%;
height:880px;
margin-top:10px;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
}

.tableDoss td{
vertical-align:top;
}

.tableDoss2{
width:100%;
height:115px;
margin-top:10px;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
}

.tableDoss2 td{
vertical-align:top;
}

.tableDossDl{
width:100%;
height:175px;
margin-top:10px;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
}

.tableDossDl td{
vertical-align:top;
}

.tableDossRed{
width:100%;
height:395px;
margin-top:10px;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
}

.tableDossRed td{
vertical-align:top;
}

.messtat{
width:100%;
margin:auto;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
}

.modifstat{
margin:auto;
width:50%;
}

.modifstat td{
background-color:#333366;
border-spacing:5px;
border-right:#000033 solid;
border-left:#000033 solid;
vertical-align:top;
}

.tabStatclient{
margin:auto;
border-right : 1px #FFFFFF solid;
border-bottom : 1px #FFFFFF solid;
width:650px;
text-align:center;
}

.tabStatclient td{
text-align:center;
padding-top:2px;
border-top: 1px #FFFFFF solid;
border-left: 1px #FFFFFF solid;
vertical-align:middle;
}

.titreStatClient{
text-align:center;
height:25px;
}

.donneStatClient{
font-size:10px;
}

.tableStatBg{
width:100%;
height:200px;
margin-top:10px;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
}

.tableStatBg td{
vertical-align:top;
}

.moiStat{
margin:auto;
width:50%;
}

.moiStat td{
width:50%;
text-align:center;
vertical-align:top;
}

.tableStatModif{
width:100%;
height:280px;
margin-top:10px;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
}

.tableStatModif td{
vertical-align:top;
}

.tableNum{
width:100%;
margin:auto;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
}

.titreNum{
width:100%;
vertical-align:top;
text-align:center;
}

.photoNum{
width:30%;
vertical-align:top;
text-align:center;
}

.txtNum{
width:70%;
vertical-align:top;
text-align:justify;
}

.methode{
width:100%;
margin:auto;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
}

.choixApn{
width:100%;
margin:auto;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
}

.titreApn{
width:100%;
vertical-align:top;
text-align:center;
}

.choixPhot{
width:20%;
vertical-align:top;
text-align:center;
}

.choixTxt{
width:80%;
vertical-align:top;
text-align:justify;
}

.partenaire{
width:100%;
margin:auto;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 1px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
}

.lienPart{
width:100%;
margin:auto;
border-bottom: 2px #FFFFFF solid;
text-align:right;
padding-right:5px;
}

.tableLi{
width:100%;
margin:auto;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
}

.tableLi td{
vertical-align:top;
}

.alerte{
width:650px;
margin:auto;
background-color:#333366;
border: 2px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
}

.widget{
width:100%;
margin:auto;
text-align:center;
padding-left:7px;
}

.tabPart{
width:100%;
margin:auto;
padding-left:5px;
padding-right:5px;
}

.tabPart td{
width:50%;
vertical-align:top;
}

.tableClot{
width:100%;
height:150px;
margin-top:10px;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
}

.tableClot td{
vertical-align:top;
}

.planSite{
width:100%;
margin-top:10px;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
}

.sousTabSite{
width:600px;
margin:auto;
}

.sousTabSite1{
vertical-align:top;
width:25%;
text-align:right;
}

.sousTabSite2{
vertical-align:top;
width:34%;
text-align:center;
}

.sousTabSite3{
vertical-align:top;
width:40%;
text-align:left;
}

.affiPhot{
width:100%;
margin:auto;
background-color:#333366;
border-top: 2px #FFFFFF solid;
border-bottom: 2px #FFFFFF solid;
padding-left:5px;
padding-right:5px;
}

.affiPhot1{
vertical-align:top;
width:50%;
text-align:center;
}

.affiPhot2{
vertical-align:middle;
width:50%;
text-align:center;
}

#intro{
padding-left:100px;
padding-right:100px;
}

#champ{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#averto{
font-weight:bold;
color:#FF0000;
}

#averto2{
font-weight:bold;
color:#FF0000;
font-style:italic;
}

#message{
font-weight:bold;
}

#texte{
padding-left:30px;
padding-right:30px;
}

#textResu{
padding-left:5px;
padding-right:5px;
}

#zoneText {
padding-bottom:0px;
height:12px;
font-size:9px;
text-align:center;
}

#zoneSelect {
height:17px;
font-size:10px;
}

#footer{
text-align:center;
font-weight:bold;
font-size:10px;
color:#FFFFFF;
}

#footer a{
font-weight:bold;
text-decoration:none;
font-size:10px;
color:#FFFFFF;
}

#footer a:hover{
font-weight:bold;
font-size:10px;
color:#0099FF;
}

#footerBlanc{
text-align:center;
color:#FFFFFF;
font-size:10px;
}