html, body { margin:0px; padding:0px; height:100%; max-height:100%; font:normal 11px arial,sans serif; background-color:#000000; color:#ffffff; }

a { color:#8C0857; }
a:link, a:visited { text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
a:active, a:focus{ outline:none; }

h1 { margin:0px 0px 10px 0px; font-size:15px;color:#79AAD3;padding-left:10px;background:url('../images/fleche.png');background-repeat: no-repeat;background-position:0px 5px;}
h2 { margin:0px 0px 10px 0px; font-size:13px;color:#79AAD3; }
h3 { margin:0px 0px 10px 0px; font-size:12px;color:#79AAD3; }
h4 { margin:0px 0px 10px 0px; font-size:11px;color:#79AAD3; }
p { margin:0px 0px 10px 0px; }
a img{border:none;}
strong{color:#79AAD3;}
a strong{color:#8C0857;}
/* Contact */
fieldset{border:1px solid #79AAD3;margin-top:10px;}
fieldset legend {color:#79AAD3;font-weight:bold;}
fieldset table {width:100%;}
fieldset td.label {padding-right:5px;text-align:right;}
fieldset td {background-color:#8C0857;font-size:11px;color:#ffffff;}
fieldset input.text, fieldset input.password, fieldset select, fieldset textarea {border:1px solid #79AAD3;color:#ffffff;font:11px arial,sans-serif;margin:2px;background-color:#272727;width:250px;}
fieldset td.input {text-align:left;}
fieldset td.note {background-color:transparent;color:#79AAD3;font-size:9px;}
div.boutons { margin-top:15px; }
div.boutons input.submit, input.button {background-color:#272727;border:1px solid #79AAD3;color:#79AAD3;font:11px arial,sans-serif;}
p.message {border:1px solid #79AAD3;color:#79AAD3;padding:10px;}
/* Cadre principal */
div#global{width:100%;}
div#cadre{ margin:0 auto;width:978px;}

/* Banniere */
div#entete{ background:url('../images/banniere-at2i.png'); width:978px; height:148px;}

/* Menu du haut */
div#div-menu-top{ text-align:center; height:148px; text-align:right; padding-left:811px;padding-top:12px;}
div ul#ul-menu-top li{list-style-type: none;text-align:left;}
div ul#ul-menu-top a{color:#ffffff;padding-top:3px;}
div ul#ul-menu-top a.menu-top-off{background:url('../images/menu-top-off.png');height:18px;width:83px;display:block;margin-top:10px;padding-left:7px;margin-left:37px;}
div ul#ul-menu-top a.menu-top-on{background:url('../images/menu-top-on.png');height:18px;width:120px;display:block;margin-top:10px;padding-left:7px;}

/* menu */
div#menu-gauche, div#menu-droite{height:23px;width:99px;}
div#menu-gauche{background:url('../images/fond-menu-gauche.png');float:left;background-repeat: no-repeat;background-position:-68px;}
div#menu-droite{background:url('../images/fond-menu-droite.png');float:right;background-repeat: no-repeat;}
div#div-menu{ text-align:center; height:23px; text-align:center; padding-left:99px;position:absolute;z-index:1;}
div#div-menu ul#ul-menu{display:inline;position:relative;}
div#div-menu ul#ul-menu li.li-menu{list-style-type: none;float:left;height:19px;width:130px;}
div#div-menu ul#ul-menu a.menu-off-premier{background:url('../images/menu-off-premier.png');height:19px;width:130px;display:block;padding-top:4px;}
div#div-menu ul#ul-menu a.menu-off-dernier{background:url('../images/menu-off-dernier.png');height:19px;width:130px;display:block;padding-top:4px;}
div#div-menu ul#ul-menu a.menu-off-milieu{background:url('../images/menu-off-milieu.png');height:19px;width:130px;display:block;padding-top:4px;}
div#div-menu ul#ul-menu a.menu-on-premier{background:url('../images/menu-on-premier.png');height:19px;width:130px;display:block;padding-top:4px;}
div#div-menu ul#ul-menu a.menu-on-milieu{background:url('../images/menu-on-milieu.png');height:19px;width:130px;display:block;padding-top:4px;}
div#div-menu ul#ul-menu a.menu-on-dernier{background:url('../images/menu-on-dernier.png');height:19px;width:130px;display:block;padding-top:4px;}
div#div-menu ul#ul-menu a.menu-off-premier, div ul#ul-menu a.menu-off-milieu,div ul#ul-menu a.menu-off-dernier {color:#000000;}
div#div-menu ul#ul-menu a.menu-on-premier, div ul#ul-menu a.menu-on-milieu,div ul#ul-menu a.menu-on-dernier {color:#ffffff;}

/* Sous menus */

div ul.ul-sub-menu li{list-style-type: none;float:left;height:21px;width:130px;}
div ul.ul-sub-menu li a{height:21px;width:130px;display:block;padding-top:8px;color:#ffffff;}
div ul.ul-sub-menu li a:hover,div ul.ul-sub-menu li  a:active {color:#79AAD3;text-decoration:none;font-weight: bold;}
div ul.ul-sub-menu a.sub-menu{border-right:1px grey solid;}
.div-sub-menu{display:none; background:url('../images/fond-sous-menus.png');width:818px;height:23px;position:absolute;margin-left:-150px;margin-top:0px;z-index:0;}

#div-sub-menu-1{margin-left:-20px;}
#div-sub-menu-2{margin-left:-150px;}
#div-sub-menu-3{margin-left:-280px;}
#div-sub-menu-4{margin-left:-410px;}                   
#div-sub-menu-5{margin-left:-540px;}
#div-sub-menu-6{margin-left:-670px;}

.ul-1-elem{margin-left:305px;}
.ul-2-elem{margin-left:240px;}
.ul-3-elem{margin-left:150px;}
.ul-4-elem{margin-left:110px;}
.ul-5-elem{margin-left:55px;}
.ul-6-elem{margin-left:-20px;}

/* Contenu */
div#contenu{ background: url('../images/fond-contenu-gauche.png'); background-repeat: repeat-y; background-position:0px 50px;}
div#contenu-principal{ background: url('../images/fond-contenu-top.png'); background-repeat: no-repeat;}
div#contenu-gauche {position:absolute;top:202px;}
div#contenu-droite{float:left;margin-top:30px;}
div#contenu-gauche div.separation-titre{background:url('../images/ligne-separation-titre.png');width:100%;height:1px;background-repeat: repeat-x;padding-bottom:5px;}

/* Gallerie */
div.separation-images{background: url("../images/separation-images.png");height:10px;width:167px;margin-top:0px;margin-bottom:5px;}

/* pied de page */
div#footer{ background: url('../images/foote-at2i.png'); width:100%;height:50px; }
div#footer div#mentions-legales{padding-left:820px;padding-top:17px;}
div#footer div#mentions-legales a{color:#79AAD3;}

/* Scroll */
div#scroller { float:left; width:730px; height:150px; overflow:hidden;left:15px; }
div#container {background:url("../images/contenu-texte-gauche.png") no-repeat scroll 0 0 transparent;margin-left:79px;overflow:hidden;position:absolute;width:595px;}
div#content {left:0;padding:15px;position:absolute;top:0;width:563px;}
div#scrollbarGlobal { position:relative; left:685px; top:30px; height:330px; width:7px; cursor:s-resize; }
div#scrollbar { position:absolute; left:0px; top:3px; width:7px; height:130px; cursor:s-resize; }
div#scrollbarTop { position:absolute; left:0px; top:0px; width:7px; height:3px; background:transparent url(../images/scrollBarTop.png) no-repeat scroll top center; }
div#scrollbarBottom { position:absolute; left:0px; bottom:0px; width:7px; height:3px; background:transparent url(../images/scrollBarBottom.png) no-repeat scroll bottom center; }
div#thumb { position:absolute; left:0px; top:10px; width:7px; height:45px; font-size:0px; background:transparent url(../images/scrollBarTrait.png) no-repeat scroll center center; }
div#marker { position:absolute; left:0px; top:10px; width:7px; height:1px; visibility:hidden; }
div#scrollerMo5Shim { position:absolute; left:0px; top:10px; width:1px; height:1px; }
div#elevUp, div#elevDn { position:absolute; left:0px; top:10px; width:7px; height:130px; overflow:hidden; background:transparent url(../images/scrollBarRepeat.png) repeat-y scroll top center; }
div#elevUp { top:0px; height:0px;}
div#contenu-text{text-align:justify;}
div.scroller { width:120px; }
div.no-scroller { width:136px; }

#google-map{ position: relative; background-color: rgb(229, 227, 223);border:2px solid #79AAD3;height:353px;width:538px;}