* {
margin:0;
padding:0;
}

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

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

fieldset {
border:none;
}

a img {
border:none;
}

p, form, select, input, label, ul, h1, h2, h3, h4, h5 {
font-size:11px;
}

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:205px;
width:978px;
margin:auto;
background:url(../gfx/fonds/header.gif) no-repeat;
position:relative;
}

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

.bt_acceuil {
color:#F5F5F5;
font-size:10px;
text-decoration:none;
background:#63696F;
padding:2px 3px;
margin:2px 0 0 6px;
}

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:135px;
}

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;
height:173px;
right:3px;
top:11px;
width:550px;
}

#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;
}

.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 a.active {
font-weight:bold;
}

.bleu li a {display:block;
background:url(../gfx/deco/puces/fleche_bleue.gif) no-repeat 0 4px;
}

.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 {
float:left;
width:333px;
padding-right:30px;
}

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

#contenu h2, #contenu h3 {
color:#63696F;
text-transform:uppercase;
font-size:24px;
line-height:22px;
border-left:4px solid #ff7000;
padding-left:6px;
margin:0 0 25px;
position:relative;
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;
}

.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;
text-indent:0;
}

#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;*/
text-indent:7px;
margin:2px 0 4px 0;
}
#contenu p.wire {
background-image:none;
background-color:#FFF6D9;
text-align:center;
padding:5px;
}
#contenu ul {
margin-bottom:12px;
}
#contenu ul li {
color:#848589;
/*background:url(../gfx/deco/puces/fleche_grise.gif) no-repeat 0 8px;*/
padding-left:7px;
}
#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 p a {
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:5px;
width:auto;
}
#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;
}

#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:387px;
padding-bottom:5px;
}

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

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

#contenu #toto{
width:auto; 
height:240px; 
position:relative; 
border:none;
background:none; 	
margin: auto;
}
#contenu .block p {margin:0;}
#contenu .block div p,#contenu .block div p.bleu {
padding:0 0 0 8px;
margin:5px 0;
text-indent:0;
}

#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 left center;
width:100%;
height:9px;
border:none;
}

.savoir_plus {
background:url(../gfx/titres/bt_savoir_plus.gif) no-repeat;
display:block;
height:25px;
margin-bottom:5px;
width:115px;
}

.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.png) no-repeat;
width:982px;
height:30px;
margin:0 auto 40px;
clear:both;
}

#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;
}