* {
margin:0;
padding:0;
}

body {
background:#EFEFEF url(../gfx/fonds/back.gif) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;

}

h1 span, h2 span, h3 span, h4 span, h5 span, a span {
display:none;
}

fieldset {
border:none;
}
a {color:#01B2F0;
}

a:hover {text-decoration:none;
color:#333;}
a img {
border:none;
}

p, form, select, input, label, ul, h1, h2, h3, h4, h5 {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul {
list-style-type:none;
}

hr.clear {
display:block;
visibility:hidden;
height:1px;
border:none;
padding:0;
margin:0;
clear:both;
}

.float_l {
float:left;
margin:0 5px 5px 0;
}

.float_r {
float:right;
margin:0 0 5px 5px;
}

#main {
width:984px;
margin:0 auto;
}

#header {
height:263px;
width:974px;
margin:auto;
background:url(../gfx/fonds/header.gif) no-repeat;
position:relative;
padding:4px 0 0 0;
}

#header h1 {
background:url(../gfx/logos/cybermassif.gif) no-repeat;
width:284px;
height:53px;
margin:11px 0 0 15px;
}

.bt_acceuil {
display:inline;
color:#F5F5F5;
font-size:10px;
text-decoration:none;
background:#63696F;
padding:2px 5px;
margin:2px 0 0 6px;
}
.bt_acceuil:hover {color:#fff;}
ul#nav {
position:absolute;
right:50px;
top:22px;
}

ul#nav li {
display:block;
float:left;
}

ul#nav li a {
display:block;
width:77px;
height:36px;
text-decoration:none;
}

ul#nav li a#nav_contact {
background:url(../gfx/titres/nav/contact.gif) no-repeat;
width:115px;
}

ul#nav li a#nav_plan {
background:url(../gfx/titres/nav/plan.gif) no-repeat;
}

ul#nav li a#nav_liens {
background:url(../gfx/titres/nav/liens.gif) no-repeat;
}

ul#nav li a#nav_intranet {
background:url(../gfx/titres/nav/intranet.gif) no-repeat;
}

#top {
position:absolute;
bottom:4px;
left:3px;
}

#reseau {
position:absolute;
background:url(../gfx/fonds/reseau.jpg) no-repeat;
width:416px;
height:171px;
bottom:8px;
right:6px;
}

#reseau fieldset {
border:none; 
}

#reseau select {
position:absolute;
top:137px;
left:24px;
border:1px solid #BCC0C2;
color:#02073F;
background:#E5E5E5;
width:133px;
}

#content {
background:url(../gfx/fonds/main.png) repeat-y;
width:984px;
padding:3px 9px;
}

#menus {
float:left;
width:187px;
}

.menu, .menu li ul {
width:181px;
}



.menu li {
border-bottom:1px solid #D6D7D9;
padding-left:8px;
}

.menu li ul {
margin-bottom:5px;
width:auto;

}

.menu li ul li {
border-bottom:none;
padding-left:14px;clear:left;
}

.menu li ul li a {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#63696F;
}

.menu li a {
font-size:10px;
text-decoration:none;
padding:1px 0 2px 13px;
color:#02073F;
}

.menu li ul.active {
display:block;
font-weight:bold;
}

.bleu li a {display:block;
background:url(../gfx/deco/puces/fleche_bleue.gif) no-repeat 0 4px;
}
li a.active {font-weight:bold;}
.bleu li a:hover, .bleu li a.active {
color:#01B2F0;
}

.bleu li ul li a {
background:url(../gfx/deco/puces/retour_bleu.gif) no-repeat 0 2px;
}

.bleu li ul li a:hover,.bleu li ul li a.active {
background:url(../gfx/deco/puces/retour_bleu.gif) no-repeat 0 -41px;
color:#02B2F0;
}

.jaune li a {
background:url(../gfx/deco/puces/fleche_jaune.gif) no-repeat 0 4px;
}

.jaune li a:hover, .jaune li a.active {
color:#FFC800;
}

.jaune li ul li a {
background:url(../gfx/deco/puces/retour_jaune.gif) no-repeat 0 2px;
}

.jaune li ul li a:hover,.jaune li ul li a.active {
background:url(../gfx/deco/puces/retour_jaune.gif) no-repeat 0 -41px;
color:#FFC800;
}

.menu_sep {
width:181px;
height:17px;
background:#F9F9F9;
border-bottom:1px solid #D6D7D9;
}
#menus .tourismatic {
background:url(../gfx/titres/bt_tourismatic.gif) no-repeat;
display:block;
height:47px;
margin:5px;
width:171px;
}
#menus .ecommerce {
background:url(../gfx/titres/bt_ecommerce.gif) no-repeat;
display:block;
height:47px;
margin:5px;
width:171px;
}

#menus .diact {
clear:both;
background: url(../gfx/logos/diact.gif) bottom center no-repeat;
display:block;
height:170px;
margin:5px;
width:170px;
margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#63696F;
}


#contenu {
float:left;
background:url(../gfx/fonds/contenu.gif) no-repeat;
width:760px;
padding:10px 5px 0 10px;
}
.colonne {
width:720px;
}
.colonne img {float:right;
margin:0 0 5px 10px;
margin-right:8px;
border-left:3px solid #D0D1CA;
border-right:3px solid #D0D1CA;
border-top:2px solid #D0D1CA;
border-bottom:2px solid #D0D1CA;}

.colonne1 {
float:left;
width:365px;
padding-right:30px;
}

.colonne2 {
float:left;
width:345px;
}

#contenu h2, #contenu h3 {
color:#63696F;
text-transform:uppercase;
font-size:24px;
line-height:22px;
border-left:4px solid #ffc800;
padding-left:6px;
margin:0 0 25px;
position:relative;
font-weight:normal;
top:15px;
}

#contenu h2 span, #contenu h3 span {
display:block;
font-weight:normal;
}

#contenu h2 a, #contenu h3 a {
display:block;
color:#01B2F0;
}

#contenu h2,#contenu h2 a {
font-size:24px;
}

#contenu h3, #contenu h3 a {
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}

#contenu h4, #contenu h4 a {
background:url(../gfx/deco/puces/fleche_bleue.gif) no-repeat 0 4px;
color:#01b2f0;
font-size:11px;
margin-bottom:3px;
padding-left:8px;
text-transform:uppercase;

}
#contenu h5, #contenu h5 a {
color:#1e4069;
font-size:11px;
margin-bottom:5px;
}
.actus {
background:#fefefe url(../gfx/fonds/actus.gif) repeat-x left bottom;
margin:0 4px 10px;
padding:0 7px;
}
.colonne .actus {
margin:0 4px 10px;
padding:0 7px 2px 7px;
}

#contenu .actus p {
background:none;
position:relative;
padding:0 0 6px 4px;
}

#flv_p
{
	background:url(../gfx/fonds/colonne2_m.gif) repeat-y;
	width:327px;
	font-weight:normal;
	padding:10px 30px;
}

#contenu p {
/*background:url(../gfx/deco/puces/fleche_grise.gif) no-repeat 0 4px;*/
color:#63696F;
/*margin-bottom:12px;*/
margin:4px 0 7px 0;line-height:15px;
}
#contenu p.wire {
background-image:none;
background-color:#FFF6D9;
text-align:center;
padding:5px;
}
#contenu ul {
margin-bottom:12px;
}

#contenu ul li  { 
background:transparent url(../gfx/deco/puces/fleche_jaune.gif) no-repeat 0 6px;
color:#848589;
padding:2px 0pt 4px 10px;
}

#contenu ul.docs li, 
#contenu ul.links li {
line-height:140%;
padding-bottom:20px;
clear:both;
}
#contenu ul.docs li strong, 
#contenu ul.links li strong {
color:#01B2F0;
}

#contenu a.doc {
background:url(../gfx/deco/puces/bg-a-doc.gif) no-repeat 0 5px;
padding:5px 0 5px 21px;
}
#contenu a.pdf {
background:url(../gfx/deco/puces/bg-a-pdf.gif) no-repeat 0 5px;
padding:5px 0 5px 21px;
}
#contenu p.wire a.previous {
background:url(../gfx/deco/puces/bg-a-previous.gif) no-repeat right top;
padding:5px 21px;
}
#contenu p.wire a.next {
background:url(../gfx/deco/puces/bg-a-next.gif) no-repeat left top;
padding:5px 21px;
}
#contenu p.wire strong {
padding:5px 21px;
}

#contenu form.links,
#contenu form.contact {
padding:5px 100px 25px;
}
#contenu form.links fieldset {
padding:10px;
border:1px solid #ADD8E6;
}
#contenu form.contact fieldset {
padding:10px;
border:none;
}
#contenu form.contact fieldset.small {
width:257px;
float:left;
}
html>body #contenu form.contact fieldset {
	clear:both;
}
html>body #contenu form.contact fieldset.small {
	width:257px;
	float:left;
	clear:none;
}
#contenu form.links select, 
#contenu form.contact select {
width:100%;
margin-top:10px;
}
html>body #contenu form.links select, 
html>body #contenu form.contact select {
	margin-top:0;
}
#contenu form.links legend, 
#contenu form.contact legend {
font-weight:bold;
color:#004596;

}
#contenu form.links input {
margin-top:10px;
padding:5px;
width:auto;
}
#contenu form.contact input.valid {
margin:0 10px;
padding:2px;
width:auto;
color:#fff;
background:#004596;
border:none;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#contenu form.links input.txt, 
#contenu form.contact input,
#contenu form.contact textarea {
margin-top:10px;
padding:0;
width:99%;
}

#contenu form.contact input.radio {
width:auto;
vertical-align:baseline;
}

#contenu .photo {
margin-right:8px;
border-left:3px solid #D0D1CA;
border-right:3px solid #D0D1CA;
border-top:2px solid #D0D1CA;
border-bottom:2px solid #D0D1CA;
}

#contenu .block {
background:url(../gfx/fonds/colonne2_b.gif) no-repeat left bottom;
width:339px;
padding-bottom:7px;
}

#contenu .block h3 {
background:url(../gfx/fonds/colonne2_h3.gif) repeat-y;
width:325px;
border-left:none;
margin:0 0 15px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:14px;
padding-left:14px;
}

#contenu .block div {
background:url(../gfx/fonds/colonne2_m.gif) repeat-y;
width:311px;
font-weight:normal;
padding:5px 14px;
}

#contenu .block div p,#contenu .block div p.bleu {
padding:0;
margin:5px 0;
text-indent:7px;
}

#contenu .block div p {
background:url(../gfx/deco/puces/fleche_grise.gif) no-repeat 0 4px;
}

#contenu .block div p.bleu {
background:url(../gfx/deco/puces/fleche_bleue.gif) no-repeat 0 5px;
color:#01B2F0;
font-weight:bold;
}

#contenu .block div ul {
margin-bottom:5px;
}

#contenu .block div li {
color:#848589;
line-height:14px;
}

span.ligne {
display:block;
background:url(../gfx/deco/lignes/grise.gif) repeat-x 0 4px;
width:100%;
height:12px;
border:none;
clear:left;
}

#contenu ul.ssliens {margin:2px 0;}
#contenu ul.ssliens li {float:left;
margin:0 5px 0 0;
background:url(../gfx/deco/puces/fleche_jaune.gif) no-repeat 0 4px;
padding:0 0 0 7px;

}
#contenu ul.ssliens li a {color:#fff;
background:#ffce1c;
font-size:10px;
padding:1px 4px;
text-decoration:none;
font-weight:bold;
}
#contenu ul.ssliens li a:hover {color:#fff;}
.savoir_plus {
background:url(../gfx/titres/bt_savoir_plus.gif) no-repeat;
display:block;
height:25px;
margin-bottom:5px;
width:115px;
text-indent:-9999px;
}

.cliquez {
background:url(../gfx/titres/bt_cliquez.gif) no-repeat;
display:block;
height:23px;
margin-bottom:5px;
width:92px;
}

.bt_actu {
background:url(../gfx/titres/bt_actu.gif) no-repeat;
display:block;
height:25px;
margin-bottom:5px;
width:138px;
}
.demande {
background:url(../gfx/titres/bt_rendez_vous.gif) no-repeat;
display:block;
height:25px;
margin-bottom:5px;
width:170px;
}

#footer {
background:url(../gfx/fonds/footer.gif) no-repeat;
width:972px;
height:16px;
margin:0 auto 40px;
clear:both;
padding:14px 25px 0 15px;
text-align:right;
color:#fff;
}
#footer a {padding:2px 5px;
background:#01B2F0;
text-decoration:none;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
margin-right:13px; 
}
u {padding:0 3px;
background:#01B2F0;
color:#fff;
border:none;
text-decoration:none;
}
#espace {
background:url(../gfx/fonds/espace.gif) repeat-x;
bottom:10px;
position:absolute;
padding:8px 6px;
left:7px;
width:399px;
}

#espace h2 {
color:#63696f;
font-size:10px;
margin-bottom:4px;
}

#espace p {
color:#848589;
font-size:10px;
}

#espace a {
background:url(../gfx/deco/puces/retour_gris.gif) no-repeat 0 2px;
color:#63696f;
padding-left:14px;
font-size:10px;
font-weight:bold;
text-decoration:none;
}

.center {
background-image:none !important;
text-align:center;
}

.input {
color:#adacac;
font-size:10px;
line-height:11px;
margin:3px 5px 0 0;
padding:0 5px;
width:133px;
}

.submit {
background:url(../gfx/deco/puces/retour_gris.gif) no-repeat 0 2px;
border:none;
color:#63696f;
font-size:10px;
font-weight:bold;
padding-left:10px;
}
.logos {clear:both;
width:730px;
margin:0 0 10px 0;
}
.logos img {float:left;
margin:0 25px 0 5px;
}
.logos div {float:left;
display:block;
width:500px;
}
.middle {text-align:center;}
.middle img {float:none;}