@font-face {
    font-family: 'AncillaryRegular';
    src: url('ancillary-regular-webfont.eot');
    src: url('ancillary-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('ancillary-regular-webfont.woff') format('woff'),
         url('ancillary-regular-webfont.ttf') format('truetype'),
         url('ancillary-regular-webfont.svg#AncillaryRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

div#conteneurcom{

position:relative;
top:8px;
width:975px;
height:928px;
margin-left:auto;
padding:0px;
margin-top:17px;
margin-bottom:0px;
margin-right:auto;
/*border: solid 1px #bbbbbb;*/
z-index:1;
background-color: #ffffff;
/*background-color:#ffffff;*/
}

div#bandenoire{

position:absolute;
top:0px;
left:0px;
width:100%;
padding:0px;
margin:0px;
height:25px;
background-color: #585858;
}

div#conteneurproj{

position:relative;
top:8px;
width:975px;
height:2035px;
margin-left:auto;
padding:0px;
margin-top:14px;
margin-bottom:0px;
margin-right:auto;
/*border: solid 1px #bbbbbb;*/
z-index:1;
background-color: #ffffff;
/*background-color:#ffffff;*/
}

div#chaposuscribe{
position:absolute;
top:460px;
left:179px;
width:580px;
height:24px;
background-image:url(images/fondchapo3.png);
z-index:20;
font-family: 'AncillaryRegular', Arial;
}
div#suscribo{
position:relative;
top:50px;
left:0px;
width:580px;
height:580px;
margin-left:auto;
padding:0px;
border-left:1px dashed #a6a6a6;
border-bottom:1px dashed #a6a6a6;
border-right:1px dashed #a6a6a6;
margin-top:0px;
margin-bottom:0px;
margin-right:auto;
font-family: 'AncillaryRegular', Arial;
z-index:1;
background-color: #ffffff;
}

div#chapsuscribe{
position:absolute;
top:24px;
left:2px;
width:580px;
height:24px;
background-image:url(images/fondchapo3s.jpg);
z-index:20;
font-family: 'AncillaryRegular', Arial;
}

div#suscribe{
position:relative;
top:24px;
left:0px;
width:580px;
height:580px;
margin-left:auto;
padding:0px;
border-left:1px dashed #a6a6a6;
border-bottom:1px dashed #a6a6a6;
border-right:1px dashed #a6a6a6;
margin-top:0px;
margin-bottom:0px;
margin-right:auto;
font-family: 'AncillaryRegular', Arial;
z-index:1;
background-color: #ffffff;
}

div#conteneurfin{

position:relative;
top:8px;
width:975px;
height:1000px;
margin-left:auto;
padding:0px;
margin-top:14px;
margin-bottom:0px;
margin-right:auto;
/*border: solid 1px #bbbbbb;*/
z-index:1;
background-color: #ffffff;
/*background-color:#ffffff;*/
}
div#conteneurfich{

position:relative;
top:8px;
width:975px;
height:1150px;
margin-left:auto;
padding:0px;
margin-top:17px;
margin-bottom:0px;
margin-right:auto;
/*border: solid 1px #bbbbbb;*/
z-index:1;
background-color: #ffffff;
/*background-color:#ffffff;*/
}
div#conteneurchar2{

position:relative;
top:1px;
width:975px;
height:1550px;
margin-left:auto;
padding:0px;
margin-top:14px;
margin-bottom:0px;
margin-right:auto;
/*border: solid 1px #bbbbbb;*/
z-index:1;
background-color: #ffffff;
/*background-color:#ffffff;*/
}
div#letitre{
position:absolute;
top:210px;
left:300px;
width:300px;
border-bottom:1px solid #01b2ff;
text-align:center;
height:33px;
font-family: 'AncillaryRegular', Arial;
font-size:30px;

}
div#letitreb{
position:absolute;
top:203px;
left:43px;
width:348px;
/*border-bottom:1px solid #01b2ff;*/
text-align:center;
color:#777777;
height:26px;
background-image:url(images/moncompte.png);
background-repeat:no-repeat;
font-family: 'AncillaryRegular', Arial;
font-size:20px;
}
div#posimagelogo{
position:absolute;
top:183px;
left:43px;
}

div#letitrebb{
position:absolute;
top:227px;
left:343px;
width:348px;
/*border-bottom:1px solid #01b2ff;*/
text-align:center;
color:#777777;
height:26px;
background-image:url(images/moncompte.png);
background-repeat:no-repeat;
font-family: 'AncillaryRegular', Arial;
font-size:20px;
}

.posimagecompte{
position:absolute;
top:0px;
left:5px;
}

div#letitre2{
position:absolute;
top:240px;
left:25px;
width:925px;
border-top:1px solid #01b2ff;
text-align:center;
height:33px;
font-family: 'AncillaryRegular', Arial;
font-size:22px;

}
div#letitre22{
position:absolute;
top:230px;
left:25px;
width:925px;
border-top:1px solid #01b2ff;
text-align:center;
height:33px;
font-family: 'AncillaryRegular', Arial;
font-size:22px;

}
div#chapo{
position:absolute;
top:286px;
left:20px;
width:580px;
height:24px;
background-image:url(images/fondchapo.png);
z-index:20;
}
div#cptbig{
position:absolute;
top:310px;
left:20px;
width:580px;
font-family: 'AncillaryRegular', Arial;
font-size:14px;
color:#000000;
border-left:1px dashed #a6a6a6;
border-bottom:1px dashed #a6a6a6;
border-right:1px dashed #a6a6a6;
z-index:20;

}

div#lemess{
position:absolute;
font-family: 'AncillaryRegular', Arial;
font-size:14px;
text-align:left;
color:#000000;
top:310px;
left:640px;
width:306px;
height:279px;
background-image:url(images/message.jpg);
z-index:20;
}

.etiquette{
position:absolute;
top:5px;
left:15px;
font-family: 'AncillaryBold', Arial;
font-size:12px;
color:#000000;
z-index:20;

}
.etiquettex{
position:absolute;
top:2px;
left:15px;
font-family:'bebas_neueregular',Verdana,Arial,Helvetica,sans-serif;
font-size:26px;
color:#333333;
z-index:20;

}
.etiquettexy{
position:absolute;
top:7px;
left:15px;
font-family:'bebas_neueregular',Verdana,Arial,Helvetica,sans-serif;
font-size:26px;
color:#333333;
z-index:20;

}
div#boutons{
position:absolute;
top:720px;
left:20px;
width:580px;


z-index:20;

}

div#ariane{

position:absolute;
top:310px;
left:30px;
width:550px;
height:35px;
background-color:#e6e6e6;
z-index:20;
}

.griss{
background-color:#e6e6e6;
font-size:12px;
height:20px;
vertical-align: middle;
border:none;
}
.grissx{
background-color:#e6e6e6;
font-size:12px;
height:25px;
border:none;
}
.griss2{
background-color:#e6e6e6;
font-size:14px;
height:75px;
border:none;
}
.griss2b{
background-color:#e6e6e6;
font-size:14px;
height:55px;
border:none;
}
.section{
font-family: 'AncillaryBold', Arial;
font-size:16px;
color:#01b2ff;
}

div#btmess{
position:absolute;
top:243px;
left:190px;
}
.bt_mess{ 
cursor: pointer;
width: 97px;
height: 29px;
border: none;
background: url("images/btmess1.jpg") no-repeat left top;
}
.bt_mess:hover{ 
cursor: pointer;
width: 97px;
height: 29px;
border: none;
background: url("images/btmess2.jpg") no-repeat left top;
}
.bt_creer{ 
cursor: pointer;
width: 372px;
height: 29px;
border: none;
background: url("images/creer1.jpg") no-repeat left top;
}
.bt_creer:hover{ 
cursor: pointer;
width: 372px;
height: 29px;
border: none;
background: url("images/creer2.jpg") no-repeat left top;
}
.bt_acces{ 
cursor: pointer;
width: 285px;
height: 28px;
border: none;
background: url("images/acces2.jpg") no-repeat left top;
}
.bt_acces:hover{ 
cursor: pointer;
width: 285px;
height: 28px;
border: none;
background: url("images/acces1.jpg") no-repeat left top;
}
.bt_enreg{ 
cursor: pointer;
width: 127px;
height: 29px;
border: none;
background: url("images/enreg1.jpg") no-repeat left top;
}
.bt_enreg:hover{ 
cursor: pointer;
width: 127px;
height: 29px;
border: none;
background: url("images/enreg2.jpg") no-repeat left top;
}
.bt_inscr{ 
cursor: pointer;
width: 91px;
height: 23px;
border: none;
background: url("images/inscr1.jpg") no-repeat left top;
}
.bt_inscr:hover{ 
cursor: pointer;
width: 91px;
height: 23px;
border: none;
background: url("images/inscr2.jpg") no-repeat left top;
}
.bt_supp{
top:4px; 
cursor: pointer;
width: 16px;
height: 13px;
border: none;
background: url("images/supp1.jpg") no-repeat left top;
}
.bt_supp:hover{ 
top:4px;
cursor: pointer;
width: 16px;
height: 13px;
border: none;
background: url("images/supp2.jpg") no-repeat left top;
}
.bt_suppn{
/*top:4px; */
cursor: pointer;
width: 19px;
height: 18px;
border: none;
background: url("images/croix1.png") no-repeat left top;
}
.bt_suppn:hover{ 
/*top:4px;*/
cursor: pointer;
width: 19px;
height: 18px;
border: none;
background: url("images/croix2.png") no-repeat left top;
}
.bt_ajout{ 
position:relative;
top:1px; 
cursor: pointer;
width: 35px;
height: 25px;
border: none;
background: url("images/ok1.png") no-repeat left top;
}
.bt_ajout:hover{
position:relative;
top:1px; 
cursor: pointer;
width: 35px;
height: 25px;
border: none;
background: url("images/ok2.png") no-repeat left top;
}
.bt_valid{ 
cursor: pointer;
width: 78px;
height: 23px;
border: none;
background: url("images/valid1.jpg") no-repeat left top;
}
.bt_sendos{ 
cursor: pointer;
width: 78px;
height: 23px;
border: none;
background: url("images/sendos1.jpg") no-repeat left top;
}
.bt_sendos:hover{ 
cursor: pointer;
width: 78px;
height: 23px;
border: none;
background: url("images/sendos2.jpg") no-repeat left top;
}
.bt_brouillon {
cursor: pointer;
width: 247px;
height: 28px;
border: none;
background: url("images/brouillon2.png") no-repeat left top;
}
.bt_brouillon:hover{ 
cursor: pointer;
width: 247px;
height: 28px;
border: none;
background: url("images/brouillon1.png") no-repeat left top;
}
.bt_valid:hover{ 
cursor: pointer;
width: 78px;
height: 23px;
border: none;
background: url("images/valid2.jpg") no-repeat left top;
}
.bt_goon{
position:absolute;
top:4px;
left:200px; 
cursor: pointer;
width: 242px;
height: 28px;
border: none;
background: url("images/goon1.jpg") no-repeat left top;
}
.bt_goon:hover{
position:absolute;
top:4px;
left:200px; 
cursor: pointer;
width: 242px;
height: 28px;
border: none;
background: url("images/goon2.jpg") no-repeat left top;
}
.bt_goon2{ 
cursor: pointer;
width: 242px;
height: 28px;
border: none;
background: url("images/goon1.jpg") no-repeat left top;
}
.bt_goon2:hover{ 
cursor: pointer;
width: 242px;
height: 28px;
border: none;
background: url("images/goon2.jpg") no-repeat left top;
}
.bt_proj{ 
cursor: pointer;
width: 220px;
height: 29px;
border: none;
background: url("images/proj1.png") no-repeat left top;
}
.bt_proj:hover{ 
cursor: pointer;
width: 220px;
height: 29px;
border: none;
background: url("images/proj2.png") no-repeat left top;
}
.bt_newproj{ 
cursor: pointer;
width: 187px;
height: 27px;
border: none;
background: url("images/newproj1.png") no-repeat left top;
}
.bt_newproj:hover{ 
cursor: pointer;
width: 187px;
height: 27px;
border: none;
background: url("images/newproj2.png") no-repeat left top;
}
div#label{
position:absolute;
top:20px;
left:15px;
text-align:left;

}

div#chapo1{
position:absolute;
top:456px;
left:197px;
width:580px;
height:24px;
background-image:url(images/fondchapo3.png);
z-index:20;
}
div#chapoz1{
position:absolute;
top:456px;
left:197px;
width:580px;
height:24px;
background-image:url(images/fondchapoz3.png);
z-index:20;
}

div#fichar1{
position:absolute;
top:480px;
left:197px;
width:580px;
font-family: 'AncillaryRegular', Arial;
font-size:18px;
color:#000000;
border-left:1px dashed #a6a6a6;
border-bottom:1px dashed #a6a6a6;
border-right:1px dashed #a6a6a6;
z-index:20;

}
div#fichar1 td{font-size:14px;}
div#fichar2 td{font-size:14px;}
div#fichor3 td{font-size:14px;}
div#chapo2{
position:absolute;
top:656px;
left:197px;
width:580px;
height:24px;
background-image:url(images/fondchapo2.png);
z-index:20;
}
div#fichar2{
position:absolute;
top:680px;
left:197px;
width:580px;
font-family: 'AncillaryRegular', Arial;
font-size:18px;
color:#000000;
border-left:1px dashed #a6a6a6;
border-bottom:1px dashed #a6a6a6;
border-right:1px dashed #a6a6a6;
z-index:20;

}
div#boutons2{
position:absolute;
top:1020px;
left:197px;
width:580px;
z-index:20;

}


div#statar{
position:absolute;
text-align:center;
top:416px;
left:97px;
width:780px;
text-align:left;
font-family: 'AncillaryBold', Arial;
font-size:12px;

color:#000000;


z-index:20;
}
div#chapi1a{
position:absolute;
top:456px;
left:97px;
width:780px;
height:24px;
background-image:url(images/fondchapox3a.jpg);
z-index:20;
}
div#chapi1{
position:absolute;
top:456px;
left:97px;
width:780px;
height:24px;
background-image:url(images/fondchapox3.jpg);
z-index:20;
}
div#fichor1{
position:absolute;
top:480px;
left:97px;
width:780px;
font-family: 'AncillaryRegular', Arial;
font-size:18px;
color:#000000;
border-left:1px dashed #a6a6a6;
border-bottom:1px dashed #a6a6a6;
border-right:1px dashed #a6a6a6;
z-index:20;

}
div#chapi15{
position:absolute;
top:656px;
left:97px;
width:780px;
height:24px;
background-image:url(images/fondchapox4.jpg);
z-index:20;
}
div#chapiz15{
position:absolute;
top:656px;
left:97px;
width:780px;
height:24px;
background-image:url(images/fondchapoxz4.jpg);
z-index:20;
}
div#fichor15{
position:absolute;
top:680px;
height:155px;
left:97px;
width:780px;
font-family: 'AncillaryRegular', Arial;
font-size:18px;
color:#000000;
border-left:1px dashed #a6a6a6;
border-top:0px;
border-bottom:1px dashed #a6a6a6;
border-right:1px dashed #a6a6a6;
z-index:20;

}

div#chapi2{
position:absolute;
top:876px;
left:97px;
width:780px;
height:24px;
background-image:url(images/fondchapox4.jpg);
z-index:20;
}
div#fichor2{
position:absolute;
top:900px;
left:97px;
width:780px;
font-family: 'AncillaryRegular', Arial;
font-size:18px;
color:#000000;
border-left:1px dashed #a6a6a6;
border-bottom:1px dashed #a6a6a6;
border-right:1px dashed #a6a6a6;
z-index:20;

}
div#chapi3{
position:absolute;
top:1016px;
left:97px;
width:780px;
height:24px;
background-image:url(images/fondchapox4.jpg);
z-index:20;
}
div#fichor3{
position:absolute;
top:1040px;
left:97px;
width:780px;
font-family: 'AncillaryRegular', Arial;
font-size:18px;
color:#000000;
border-left:1px dashed #a6a6a6;
border-bottom:1px dashed #a6a6a6;
border-right:1px dashed #a6a6a6;
z-index:20;

}
div#fichor4{
position:absolute;
top:1440px;
left:97px;
width:780px;
font-family: 'AncillaryRegular', Arial;
font-size:18px;
color:#000000;
border:none;
z-index:20;

}
div#chapex1{
position:absolute;
top:456px;
left:97px;
width:780px;
height:24px;
background-image:url(images/fondchapox5.png);
z-index:20;
}
div#chape1{
position:absolute;
top:466px;
left:97px;
width:780px;
height:24px;
background-image:url(images/fondchapox4.jpg);
z-index:20;
}
div#chapez1{
position:absolute;
top:466px;
left:97px;
width:780px;
height:24px;
background-image:url(images/fondchapoxz4.png);
z-index:20;
}
div#ficher1{
position:absolute;
top:490px;
left:97px;
width:780px;
font-family: 'AncillaryRegular', Arial;
font-size:18px;
color:#000000;
border-left:1px dashed #a6a6a6;
border-bottom:1px dashed #a6a6a6;
border-right:1px dashed #a6a6a6;
z-index:20;

}
div#ficher2 td{font-size:10px;}

.apart{font-size:14px;}
div#ficherx1{
position:absolute;
top:483px;
left:97px;
width:780px;
font-family: 'AncillaryRegular', Arial;
font-size:14px;
color:#000000;
text-align:left;
border-left:1px dashed #a6a6a6;
border-bottom:1px dashed #a6a6a6;
border-right:1px dashed #a6a6a6;
z-index:20;

}
div#ficherx1 td{font-size:12px;}


.bobo a{
color:#000000;
font-size:12px;
text-decoration:none;
}

.bobo a:visited{
color:#000000;
font-size:12px;
text-decoration:none;
}

.bobo a:hover{
color:#000000;
font-size:12px;
text-decoration:underline;
}

div#goonproj{
position:absolute;
top:664px;
left:97px;
width:780px;
font-family: 'AncillaryRegular', Arial;
font-size:18px;
color:#000000;
z-index:20;

}

div#dernier{
position:absolute;
top:765px;
left:130px;
width:700px;
font-family: 'AncillaryRegular', Arial;
font-size:18px;
color:#000000;
z-index:20;

}
div#chape2{
position:absolute;
top:666px;
left:97px;
width:780px;
height:24px;
background-image:url(images/fondchapox3.jpg);
z-index:20;
}
div#chapez2{
position:absolute;
top:666px;
left:97px;
width:780px;
height:24px;
background-image:url(images/fondchapoxz33.jpg);
z-index:20;
}
div#ficher2{
position:absolute;
top:690px;
left:97px;
width:780px;
font-family: 'AncillaryRegular', Arial;
font-size:14px;
color:#000000;
border-left:1px dashed #a6a6a6;
border-bottom:1px dashed #a6a6a6;
border-right:1px dashed #a6a6a6;
z-index:20;

}
div#ficher2 td{font-size:14px;}

div#chape3{
position:absolute;
top:1151px;
left:97px;
width:780px;
height:24px;
background-image:url(images/fondchapox3.jpg);
z-index:20;
}

div#chapez3{
position:absolute;
top:1151px;
left:97px;
width:780px;
height:24px;
background-image:url(images/fondchapoxz3.jpg);
z-index:20;
}
div#ficher3{
position:absolute;
top:1175px;
left:97px;
width:780px;
font-family: 'AncillaryRegular', Arial;
font-size:18px;
color:#000000;
border-left:1px dashed #a6a6a6;
border-bottom:1px dashed #a6a6a6;
border-right:1px dashed #a6a6a6;
z-index:20;

}

div#ficher3 td{
font-size:12px;
}

div#chape4{
position:absolute;
top:1691px;
left:97px;
width:780px;
height:24px;
background-image:url(images/fondchapox3.jpg);
z-index:20;
}
div#chapez4{
position:absolute;
top:1691px;
left:97px;
width:780px;
height:24px;
background-image:url(images/fondchapoxx3.jpg);
z-index:20;
}
div#ficher4{
position:absolute;
top:1715px;
left:97px;
width:780px;
font-family: 'AncillaryRegular', Arial;
font-size:18px;
color:#000000;
border-left:1px dashed #a6a6a6;
border-bottom:1px dashed #a6a6a6;
border-right:1px dashed #a6a6a6;
z-index:20;

}

div#ficher4 td{
font-size:14px;
}


div#ficher5{
position:absolute;
top:1945px;
left:97px;
width:780px;
font-family: 'AncillaryRegular', Arial;
font-size:18px;
color:#000000;

z-index:20;

}


div#vvv1{
position:absolute;top:34px;left:608px;}

div#vvv2{
position:absolute;top:34px;left:800px;}

div#vvv3{
position:absolute;top:104px;left:800px;}

div#vvv4{
position:absolute;top:34px;left:800px;}

div#vvv5{
position:absolute;top:119px;left:800px;}

div#vvv6{
position:absolute;top:204px;left:800px;}

div#vvv7{
position:absolute;top:289px;left:800px;}

div#vvv8{
position:absolute;top:374px;left:800px;}