body { 
font : 10px Verdana, Arial, Helvetica, sans-serif; 
padding : 0; 
margin : 0; 
text-align : center; 
background-color : #CCCCFF; 
} 
img { 
border : 0; 
} 
select { 
width : 90px; 
font : 10px arial; 
margin-bottom : 8px; 
} 
h1 { 
font-size : 11px; 
margin : 5px 0 5px 0; 
} 
h2 { 
font-size : 10px; 
margin : 10px 0 5px 0; 
} 
a { 
color : #0f73c0; 
text-decoration : none; 
} 
a:hover { 
text-decoration : underline; 
} 
#site { 
width : 900px; 
position : relative; 
top : 10px; 
text-align : left; 
} 
#bandeau { 
background-image : url(/img/fond_bandeau.png); 
height : 108px; 
} 
#logo { 
width : 155px; 
height : 65px; 
} 
#visuelBandeau { 
position : absolute; 
right : 0; 
width : 183px; 
height : 65px; 
border : 0; 
} 
#titre { 
position : absolute; 
width : 340px; 
height : 10px; 
top : 0px; 
left : 337px; 
} 
#anime { 
position: absolute;
background-repeat: no-repeat;
top: 10px;
left: 600px;
margin-top: 100px;
margin-left: 150px;
} 
#menuHaut { 
position : absolute; 
top : 77px; 
left : 4px; 
width : 560px; 
height : 22px; 
} 
#menuHaut UL { 
margin : 0; 
} 
#menuHaut LI { 
list-style : none; 
float : left; 
margin-right : 3px; 
} 
#menuHaut A { 
background-image : url(/img/barre_menu.png); 
width : 126px; 
height : 20px; 
font : bold 11px Arial, Helvetica, sans-serif; 
text-decoration : none; 
color : #ffffff; 
display : block; 
text-align : center; 
float : left; 
margin-right : 0; 
padding-top : 2px; 
} 
#menu1 { 
background-position : 0 0; 
} 
#menu1on { 
background-position : 0 -22px; 
} 
#menu1:hover { 
background-position : 0 -22px; 
} 
#menu2 { 
background-position : -129px 0; 
} 
#menu2on { 
background-position : -129px -22px; 
} 
#menu2:hover { 
background-position : -129px -22px; 
} 
#menu3 { 
background-position : -258px 0; 
} 
#menu3on { 
background-position : -258px -22px; 
} 
#menu3:hover { 
background-position : -258px -22px; 
} 
#menu4 { 
background-position : -386px 0; 
} 
#menu4on { 
background-position : -386px -22px; 
} 
#menu4:hover { 
background-position : -386px -22px; 
} 
#menuGauche { 
position : absolute; 
top : 115px; 
background-image : url(/img/courbe_menu_gauche.gif); 
background-repeat : no-repeat; 
background-position : left top; 
height : 290px; 
width : 165px; 
} 
#menuGauche ul { 
margin-top : 8px; 
} 
#menuGauche A { 
text-decoration : none; 
font : 12px arial; 
} 
#menuGauche A:hover { 
font-weight : bold; 
} 
#menuGauche li { 
background-repeat : no-repeat; 
background-position : left top; 
list-style : none; 
height : 28px; 
padding-left : 15px; 
} 
#menuGauche #rub_1 { 
margin-left : -35px; 
} 
#menuGauche #rub_2 { 
margin-left : -24px; 
} 
#menuGauche #rub_3 { 
margin-left : -17px; 
} 
#menuGauche #rub_4 { 
margin-left : -13px; 
} 
#menuGauche #rub_5 { 
margin-left : -11px; 
} 
#menuGauche #rub_6 { 
margin-left : -11px; 
} 
#menuGauche #rub_7 { 
margin-left : -13px; 
} 
#menuGauche #rub_8 { 
margin-left : -17px; 
} 
#menuGauche #rub_9 { 
margin-left : -23px; 
} 
#menuGauche #rub_10 { 
margin-left : -31px; 
} 
#menuGauche .selected a { 
font-weight : bold; 
} 
#corps { 
margin : 7px 170px 40px 170px; 
min-height : 380px; 
height : auto; 
} 
#corps img { 
float : left; 
margin-right : 5px; 
} 
#corps p { 
margin : 0 0 5px 0; 
} 
#corps ul { 
padding-left : 0; 
margin : 0 0 0 0; 
} 
#corps li { 
background-image : url(/img/puce_liste_corps.gif); 
background-position : top left; 
background-repeat : no-repeat; 
list-style-image : url(/img/none.gif); 
list-style-position : inside; 
margin-bottom : 10px; 
} 
#corps form { 
margin : 0 0 0 2px; 
padding : 10px 0 20px 0; 
width : 400px; 
background-image : url(/img/cadre_campus_bas.png); 
background-repeat : no-repeat; 
background-position : bottom; 
} 
#corps .error { 
padding-top : 20px; 
color : #ff0000; 
} 
#corps label { 
display : block; 
width : 150px; 
font-size : 11px; 
padding-top : 4px; 
float : left; 
text-align : left; 
} 
#Acces { 
margin : 7px 220px 40px 80px; 
min-height : 380px; 
height : 380px; 
width : 460px; 
text-align : center; 
} 
#Acces H3 { 
background-image : url(/img/cadre_campus_haut.gif); 
width : 413px; 
height : 22px; 
margin : 0 0 0 2px; 
padding : 0 0 0 37px; 
font : bold 15px verdana; 
text-align : left; 
} 
#Acces IMG { 
margin : 20px; 
} 
#Acces form { 
margin : 0 0 0 2px; 
padding : 10px 0 20px 0; 
width : 450px; 
background-image : url(/img/cadre_campus_bas.png); 
background-repeat : no-repeat; 
background-position : bottom; 
} 
#Acces .error { 
padding-top : 20px; 
color : #ff0000; 
} 
#valider { 
position : absolute; 
display : inline; 
padding : 5px 0 0 80px; 
} 
#Acces P { 
margin : 0 20px 0 20px; 
} 
#Acces label { 
display : block; 
width : 200px; 
font-size : 11px; 
padding-top : 4px; 
float : left; 
text-align : left; 
} 
#Home { 
margin : 7px 170px 40px 0; 
min-height : 380px; 
height : auto; 
} 
#visuelHome { 
background-image : url(/img/visuel_home.jpg); 
background-repeat : no-repeat; 
background-position : left; 
width : 274px; 
height : 305px; 
position : absolute; 
left : 0; 
} 
#titre1 { 
background-image : url(/img/titre_bienvenue.png); 
background-repeat : no-repeat; 
background-position : left; 
width : 360px; 
height : 53px; 
position : absolute; 
left : 205px; 
margin-top : 40px; 
} 
#titre2 { 
background-image : url(/img/titre_demande.png); 
background-repeat : no-repeat; 
background-position : left; 
width : 272px; 
height : 77px; 
position : absolute; 
left : 280px; 
margin-top : 130px; 
} 
#titreVisuel { 
background-image : url(/img/visuel_documentation.jpg); 
background-repeat : no-repeat; 
background-position : left; 
width : 82px; 
height : 91px; 
position : absolute; 
left : 350px; 
margin-top : 210px; 
} 
#titreFormulaire { 
display : block; 
background-image : url(/img/demander_anime.gif); 
background-repeat : no-repeat; 
background-position : top; 
width : 155px; 
color : #c71093; 
font : bold 10px arial; 
text-align : center; 
padding : 37px 0 3px 1px; 
margin-bottom : 2px; 
} 
#titreFormulaire2 { 
display : block; 
background-image : url(/img/demander_anime.gif); 
background-repeat : no-repeat; 
background-position : top; 
width : 325px; 
color : #c71093; 
font : bold 10px arial; 
text-align : center; 
padding : 100px 0 3px 1px; 
margin-bottom : 2px; 
} 
#titreFormulaireEntreprise { 
display : block; 
background-image : url(/img/devis_anime.gif); 
background-repeat : no-repeat; 
background-position : top; 
width : 155px; 
color : #c71093; 
font : bold 10px arial; 
text-align : center; 
padding : 37px 0 3px 1px; 
margin-bottom : 2px; 
} 
#formulaire { 
background-color : #d3e3ef; 
background-image : url(/img/arrondi_formulaire.gif); 
background-repeat : no-repeat; 
background-position : left bottom; 
margin : 0; 
padding : 0; 
} 
 
#formulaire p { 
height : 24px; 
display : block; 
text-align : right; 
padding : 0 13px 0 8px; 
margin : 0; 
} 
#DocForm { 
background-image : url(/img/Cadre_formulaire.png); 
background-repeat : no-repeat; 
background-position : 5px 19px; 
font-family : Arial, Helvetica, sans-serif; 
height : 430px; 
} 
.DocINPUT { 
width : 80px; 
font : 10px arial; 
margin-bottom : 0; 
margin-right : 1px; 
margin-left : 0; 
} 
.DocINPUTsel { 
width : 86px; 
height : 16px; 
font : 10px arial; 
margin-bottom : 0; 
margin-right : 1px; 
margin-left : 0; 
} 
.DocLABEL { 
width : 50px; 
color : #0f73c0; 
padding-left : 1px; 
padding-top : 2px; 
float : left; 
text-align : left; 
line-height : 11px; 
margin-right : 0; 
} 
.DocLABELRappel { 
width : 90px; 
color : #0f73c0; 
padding-left : 1px; 
padding-top : 2px; 
float : left; 
display : block; 
text-align : left; 
line-height : 11px; 
margin-right : 0; 
} 
#envoyer { 
position : absolute; 
top : 360px; 
left : 45px; 
height : 31px; 
width : 75px; 
} 
#errors { 
position : absolute; 
top : 390px; 
left : 0; 
text-align : center !important ; 
color : red; 
margin : 0; 
padding : 4px; 
width : 155px; 
} 
#success { 
position : absolute; 
top : 90px; 
left : 10px; 
text-align : center !important ; 
} 
#piedPage { 
background-image : url(/img/traits_piedPage.gif); 
background-position : center 8px; 
background-repeat : no-repeat; 
text-align : center; 
height : 15px; 
color : #0f73c0; 
} 
#piedPage ul { 
margin : 0; 
padding : 0; 
padding-bottom : 8px; 
} 
#piedPage ul li { 
margin : 0; 
list-style : none; 
display : inline; 
} 
#piedPage a { 
color : #990099; 
text-decoration : none; 
} 
#piedPage a:hover { 
text-decoration : underline; 
} 
#piedContacts { 
background-color : #d998d9; 
color : #990099; 
font-size : 11px; 
font-weight : bold; 
height : 26px; 
} 
.cnil { 
background-color : #ffffff; 
color : #0f73c0; 
margin : 0; 
margin-bottom : 10px; 
padding : 1px 6px 0 6px; 
font-size : 9px; 
font-weight : normal; 
text-align : justify; 
} 
#indigo { 
float : left; 
margin-left : 5px; 
padding : 6px 140px 0 5px; 
} 
#contact { 
padding-top : 6px; 
} 
#contact a { 
text-decoration : underline; 
padding : 6px 0 6px 7px; 
} 
#contact a:hover { 
text-decoration : none; 
} 
.popup { 
background-color : #d3e3ef; 
background-image : url(/img/back_diagonale.gif); 
} 
#popupRappel { 
background-color : #d3e3ef; 
padding : 10px; 
padding-bottom : 0; 
font : normal 12px arial; 
} 
#popupRappel p { 
margin-top : 3px; 
margin-bottom : 3px; 
padding-top : 5px; 
} 
#popupRappel h1 { 
color : #c71093; 
font : bold 16px arial; 
text-align : center; 
} 
#envoyerRappel { 
text-align : center; 
height : 31px; 
width : 75px; 
} 
.DocINPUTRappel { 
width : 150px; 
font : 12px arial; 
margin-bottom : 0; 
margin-right : 1px; 
margin-left : 0; 
} 
.DocSELECTRappel { 
width : 155px; 
font : 12px arial; 
margin-bottom : 0; 
margin-right : 0; 
margin-left : 0; 
} 
#errorsRappel { 
text-align : center !important ; 
color : red; 
margin : 0; 
padding : 4px; 
} 
#successRappel { 
text-align : center !important ; 
} 
.bleu { 
color : #0f73c0; 
font-weight : bold; 
} 
.vert { 
color : #84b90e; 
font-weight : bold; 
} 
.rose { 
color : #c71093; 
font-weight : bold; 
} 
.violet { 
color : #8a0daf; 
font-weight : bold; 
} 
.gris { 
color : #888888; 
} 
.input_text { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #000000; 
border-color : #000000; 
border-width : 1px 1px 1px 1px; 
} 
.input_select { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #000000; 
background-color : #ffffff; 
border-color : #000000; 
border-width : 1px 1px 1px 1px; 
width : 150px; 
} 
.input_checkbox { 
background-color : #ffffff; 
border-color : #000000; 
border-width : 1px 1px 1px 1px; 
} 
.input_textarea { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #000000; 
background-color : #ffffff; 
border-color : #000000; 
border-width : 1px 1px 1px 1px; 
} 
.input_radio { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #000000; 
border-color : #000000; 
border-width : 1px 1px 1px 1px; 
}