@charset "utf-8";
/* CSS Document */
html,body{
background:#222222;
}
#conteneur {
width:1024px;
background-image:url(images/design/fond.png);
background-repeat:no-repeat;
background-position:top center;
margin:auto;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
}


.img_web {
float:right;
border:2px solid #ED7F00;
margin:-20px 0 0 15px;
padding:0;
}

a,object,button,input {
outline:none;
}

p {
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#FFF;
text-align:justify;
}

#texte2 ul {
margin:5px 0 0 15px;
padding:0;
}

#texte2 ul li {
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#FFF;
text-align:justify;
list-style-type:square;
margin:0;
padding:0;
}

h1 {
color:#FF4800;
font-family:Verdana, Geneva, sans-serif;
font-size:20px;
margin:8px 0 8px 0!important;
padding:0;
}

h2 {
font-family:Verdana, Geneva, sans-serif;
font-size:18px;
color:#ED7F00;
font-weight:700;
text-align:center;
margin:0;
padding:15px 20px 20px;
}

h3 {
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color:#b3b3b3;
font-weight:400;
margin:0;
padding:0;
}

#cadre h3 {
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color:#FF4800;
font-weight:400;
margin:0;
padding:0 0 5px;
}

h4 {
font-family:Verdana, Geneva, sans-serif;
font-size:16px;
color:#fff;
font-weight:400;
margin:0;
padding:0;
}

h5 {
font-family:Verdana, Geneva, sans-serif;
font-size:16px;
color:#ED7F00;
font-weight:400;
margin:0;
padding:15px 0 0;
}

#texte h5 a:hover {
color:#ED7F00;
}

#texte .fil,#texte .fil a {
font-size:9px;
color:#333;
text-decoration:none;
font-weight:400;
padding:10px 0 0;
}

#texte .suite {
font-size:10px;
color:#777;
text-decoration:none;
font-weight:700;
padding:15px 0 0;
}

#texte .suite:hover {
color:#FF4800;
}

#texte .fil a:hover {
text-decoration:underline;
color:#000;
font-weight:400;
}

#texte a {
color:#FF4800;
text-decoration:none;
font-weight:700;
}

#texte a:hover {
color:#777;
text-decoration:none;
font-weight:700;
}

#header {
float:right;
_margin:15px 10px 3px 0;
width:800px;
height:110px;
margin:15px 15px 3px 0;
padding:0;
}

#menu1 {
background-image:url("images/design/logo_menu.png");
_background-image:url("images/design/logo_menu.gif");
background-repeat:no-repeat;
background-position:top;
width:200px;
height:670px;
float:left;
margin:20px 0 0;
padding:0;
}

#menu1 dl {
margin:0;
padding:0 0 5px;
}

#menu_js {
width:180px;
height:auto;
margin:15px 0 0 29px;
padding:0;
}

#menu1 ul li {
list-style-type:none;
margin:0;
padding:5px 0 0;
}

#menu1 ul {
margin:0;
padding:0 0 8px;
}

#menu1 ul li a {
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
background-image:url(images/design/sous_menu.png);
background-repeat:no-repeat;
display:block;
width:165px;
height:15px;
margin:0;
padding:1px 5px 4px 10px;
}

#menu1 ul li a:hover {
color:#BC2C00;
border:1px solid #FFF;
width:162px;
height:13px;
_padding:0 5px 3px 10px;
padding:0 5px 5px 10px;
}

.materiels {
display:block;
background-image:url(images/design/menu_materiel.png);
_background-image:url(images/design/menu_materiel.gif);
background-repeat:no-repeat;
background-position:left center;
width:180px;
height:36px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#FFF;
font-size:17px;
text-indent:60px;
padding:14px 0 0;
}

.materiels:hover {
background-image:url(images/design/menu_materiel2.png);
_background-image:url(images/design/menu_materiel2.gif);
color:#FFF;
}

.logiciels {
display:block;
background-image:url(images/design/menu_logiciel.png);
_background-image:url(images/design/menu_logiciel.gif);
background-repeat:no-repeat;
background-position:left center;
width:180px;
height:36px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#FFF;
font-size:17px;
text-indent:60px;
padding:14px 0 0;
}

.logiciels:hover {
background-image:url(images/design/menu_logiciel2.png);
_background-image:url(images/design/menu_logiciel2.gif);
color:#FFF;
}

.formations a {
display:block;
background-image:url(images/design/menu_formation.png);
_background-image:url(images/design/menu_formation.gif);
background-repeat:no-repeat;
background-position:left center;
width:180px;
height:36px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#FFF;
font-size:17px;
text-indent:60px;
padding:14px 0 0;
}

.formations a:hover {
background-image:url(images/design/menu_formation2.png);
_background-image:url(images/design/menu_formation2.gif);
color:#FFF;
}

.reseau_securite a {
display:block;
background-image:url(images/design/menu_reseau.png);
_background-image:url(images/design/menu_reseau.gif);
background-repeat:no-repeat;
background-position:left center;
width:120px;
height:38px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#FFF;
font-size:17px;
line-height:15px;
padding:12px 0 0 60px;
}

.reseau_securite a:hover {
background-image:url(images/design/menu_reseau2.png);
_background-image:url(images/design/menu_reseau2.gif);
color:#FFF;
}

.newsletter a {
display:block;
background-image:url(images/design/menu_newsletter.png);
background-repeat:no-repeat;
background-position:left center;
width:120px;
height:38px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#FFF;
font-size:17px;
line-height:25px;
padding:12px 0 0 60px;
}

.newsletter a:hover {
background-image:url(images/design/menu_newsletter2.png);
color:#FFF;
}

#menu2 {
height:20px;
width:550px;
float:right;
vertical-align:middle;
margin:0;
padding:5px 0;
}

#menu2 ul li {
display:inline;
height:22px;
margin:0;
padding:0;
}

#menu2 ul li a {
color:#333;
font-family:Verdana, Arial, Geneva, sans-serif;
font-size:12px;
text-decoration:none;
background-color:#FFF;
margin:0;
padding:5px 9px;
}

#menu2 ul li a:hover {
color:#BC2C00;
text-decoration:none;
background-color:#FF8500;
}

#contenu {
float:right;
width:800px;
height:500px;
background-image:url(images/design/contenu.png);
_background-image:none;
_background-color:#ddd;
background-repeat:no-repeat;
_margin:15px 10px 0 0;
overflow:hidden;
margin:15px 15px 0 0;
padding:0;
}

#texte {
width:770px;
height:auto;
overflow:hidden;
margin:0;
padding:0 15px;
}

#actus {
overflow:hidden;
height:417px;
width:755px;
background-image:url(images/design/fond_opacite.png);
padding-left:15px;
border:1px solid #FFF;
margin:10px 0 0;
}

#texte h1 {
margin:10px 0 0;
padding:0;
}

#texte p {
color:#000;
margin:0;
padding:10px 0 0;
}

#pied {
clear:both;
background-image:url(images/design/pied.png);
background-repeat:no-repeat;
height:65px;
width:1024px;
_margin-left:1px;
margin:0;
}

#adresse {
float:left;
margin-left:200px;
_margin-left:100px;
}

#adresse p {
font-size:15px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
margin-top:12px;
}

#contact {
float:left;
margin-left:50px;
margin-top:0;
}

#contact p {
font-size:22px;
font-weight:400;
color:#bababa;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
margin:10px 0 0;
padding:0;
}

#contact a {
font-size:17px;
font-weight:400;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

#sitemap {
float:left;
margin-left:50px;
}

#favoris {
float:right;
margin-right:50px;
}

#quatrys {
float:right;
margin-right:10px;
}

#quatrys p {
font-size:14px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
margin-top:14px;
}

#vignettes {
width:710px;
height:110px;
z-index:3;
position:absolute;
margin:-25px 0 0 30px;
padding:0;
}

#texte2 {
width:740px;
height:205px;
z-index:4;
position:absolute;
margin-top:80px;
overflow:hidden;
padding:0 15px 15px;
}

#infos {
float:left;
width:300px;
height:20px;
background-image:url(images/design/infos.png);
background-repeat:no-repeat;
margin-top:20px;
margin-left:-15px;
_margin-left:-10px;
padding:3px 0 0 10px;
}

#infos_actu {
float:left;
width:300px;
height:20px;
background-image:url(images/design/infos2.png);
background-repeat:no-repeat;
margin-top:20px;
margin-left:-15px;
_margin-left:-10px;
padding:3px 0 0 10px;
}

#infos a,#infos_actu a {
display:block;
color:#FFF;
font-size:11px;
font-weight:700;
}

#infos:hover {
background-image:url(images/design/infos_hover.png);
background-repeat:no-repeat;
}

#infos_actu:hover {
background-image:url(images/design/infos2_hover.png);
background-repeat:no-repeat;
}

#cadre {
width:770px;
height:300px;
background-color:#000;
z-index:0;
position:absolute;
top:320px;
background-image:url(images/design/degrade.png);
background-repeat:repeat-x;
margin:40px 15px 15px;
}

#cadre_accueil {
width:770px;
height:455px;
background-color:#000;
background-image:url(images/design/degrade.png);
background-repeat:repeat-x;
background-position:top;
overflow:hidden;
margin:10px 15px 15px;
padding:0;
}

#accueil {
float:left;
width:430px;
height:340px;
margin:0;
padding:0 0 15px 15px;
}

#accueil p {
margin:5px 0 15px;
padding:0;
}

#actus_accueil {
float:right;
width:300px;
height:367px;
background-image:url(images/design/actus_fond_img.png);
_background-image:none;
background-position:right bottom;
background-repeat:no-repeat;
margin:20px 0 0;
padding:0;
}

#actus_accueil h4 {
text-align:center;
background-image:url(images/design/actus_fond.png);
_background-image:none;
background-position:bottom;
background-repeat:no-repeat;
display:block;
height:32px;
}

table {
border:none;
width:290px;
margin:30px 0 0;
}

tr {
border:none;
height:10px;
}

td {
border:none;
padding:0;
}

p.titre {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#ED7F00;
margin:0;
padding:0;
}

p.sous_titre {
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#fff;
background-image:url(images/design/actus_fond2.png);
_background-image:none;
background-position:right top;
background-repeat:no-repeat;
display:block;
width:290px;
margin:0;
padding:0 0 25px;
}

td.datetd p.date {
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#b3b3b3;
width:70px;
text-align:left;
margin:0;
padding:0;
}

td.datetd {
width:70px;
text-align:left;
margin:0;
padding:0;
}

td.titretd {
width:220px;
text-align:left;
margin:0;
padding:0;
}

#formulaire {
float:left;
width:525px;
}

form p {
margin:0;
padding:0;
}

#coordonnees {
float:right;
width:200px;
height:365px;
background-image:url(images/design/degrade.png);
background-position:top;
background-repeat:no-repeat;
background-color:#000;
margin:17px 0 0;
padding:15px;
}

#coordonnees p {
color:#FFF;
padding:0;
}

a#googlemap {
display:block;
z-index:5;
position:absolute;
width:220px;
height:20px;
background-image:url(images/design/infos.png);
background-repeat:no-repeat;
color:#FFF;
font-size:11px;
font-weight:700;
margin:80px 0 0 -15px;
padding:3px 0 0 10px;
}

a#googlemap:hover {
background-image:url(images/design/infos_hover.png);
background-repeat:no-repeat;
color:#FFF;
}

.message,.champ {
border:1px solid #aaa;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#333;
width:505px;
}

.message {
height:125px;
}

.button {
border:1px solid #ED7F00;
color:#fff;
background-color:#FF8500;
text-align:center;
padding:2px 5px;
}

.button:hover {
border:1px solid #FF8500;
color:#BC2C00;
background-color:#FF8500;
}

fieldset {
border:1px solid #FFF;
width:505px;
margin:10px 0 0;
padding:10px;
}

legend {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#ED7F00;
font-weight:700;
}

#traitement_formulaire {
text-align:center;
padding:20px;
}

.traitement_formulaire {
font-size:14px;
}

#texte .date_actus {
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#333;
text-align:right;
float:right;
margin:0;
padding:20px 0 0;
}

.titre_actus {
float:left;
border-bottom:2px solid #b3b3b3;
width:740px;
margin:0;
padding:0;
}

#texte .texte_actus {
margin:45px 0 0;
padding:0 0 5px;
}

.texte_actus {
width:740px;
}

.clearer {
clear:both;
line-height:0;
overflow:hidden;
height:0;
}

.prev {
position:absolute;
z-index:10;
left:-5px;
}

.next {
position:absolute;
z-index:10;
right:-5px;
}

.next,.prev {
width:30px;
height:20px;
background-image:url(images/design/bouton.png);
color:#892000;
background-color:#FF8500;
top:10px;
font-size:14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
border:1px solid #BC2C00;
outline:none;
text-align:center;
}

.next:hover,.prev:hover {
background-image:url(images/design/bouton_hover.png);
border:1px solid #FF8500;
color:#fff;
}

ul.infobulles a span {
text-align:center;
text-decoration:none;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:9px;
width:75px;
color:#FFF;
_color:#000;
display:none;
line-height:12px;
margin:80px 0 0;
padding:0;
}

#texte ul.map li {
list-style-type:square;
list-style-position:inside;
color:#BC2C00;
font-family:Verdana, Arial, Geneva, sans-serif;
font-size:12px;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
margin:0;
padding:10px 0 0;
}

#texte ul.map li a {
color:#BC2C00;
font-family:Verdana, Arial, Geneva, sans-serif;
font-size:12px;
text-decoration:none;
text-transform:uppercase;
margin:0;
padding:0;
}

#texte ul.map span a,#texte ul.map span {
color:#333;
font-family:Verdana, Arial, Geneva, sans-serif;
font-size:12px;
text-decoration:none;
text-transform:none;
margin:0;
padding:0 0 0 5px;
}

#texte ul.map span a:hover {
color:#777;
text-decoration:none;
}

#sitemap1 {
float:left;
border-right:1px solid #FFF;
width:150px;
margin:0;
padding:0 30px 0 5px;
}

#sitemap2 {
float:left;
width:559px;
height:438px;
background-image:url(images/design/sitemap_fond.png);
_background-image:url(images/design/sitemap_fond.gif);
background-position:bottom right;
background-repeat:no-repeat;
margin:0 -15px 0 40px;
padding:0;
}

p.pages {
text-align:center;
}

.pages a {
text-align:center;
font-size:14px;
}

#texte span.cache {
filter:alpha(opacity=0);
-moz-opacity:0.0;
opacity:0.0;
color:#777;
font-weight:700;
font-size:14px;
font-family:Verdana, Geneva, sans-serif;
}

/*classes des images que l'on peut insérer dans les articles
 image flottante à droite*/
.img_droite {
float:right;
margin-left:10px;
padding-top:0;
border:2px solid #ED7F00;
}

/* image flottante à gauche*/
.img_gauche {
float:left;
margin-right:10px;
padding-top:0;
border:2px solid #ED7F00;
}

.img_droite2 {
float:right;
margin-left:10px;
padding-top:0;
border:0 solid #ED7F00;
}

.img_gauche2 {
float:left;
margin-right:10px;
padding-top:0;
border:0 solid #ED7F00;
}

/* image normale*/
.img {
border:2px solid #ED7F00;
padding-top:0;
}

.vignette {
float:left;
height:95px;
width:80px;
display:block;
margin:0 0 0 19px;
}

.vignette:hover {
background-position:0 0 !important;
}

.vignette-select {
float:left;
height:95px;
width:80px;
display:block;
background-position:0 0 !important;
margin:0 0 0 19px;
}

#contenunewsletter #StyleFont2 {
position:absolute;
text-align:justify;
width:450px;
margin:246px 0 0 -100px;
}

#contenunewsletter form {
float:left;
margin-left:58px;
width:230px;
}

#contenunewsletter input[type="reset"] {
float:left;
margin:-12px 0 0 59px;
}

#contenunewsletter input[type="button"] {
margin:0 0 0 125px;
}

#contenunewsletter td {
text-align:left;
}

#imgnewsletter {
float:right;
margin:80px 200px 0 0;
}

#contenunewsletter2 h3 {
display:none;
}

#contenunewsletter2 p {
font-size:10px;
margin:0;
}

#contenunewsletter2 textarea {
height:35px;
}

#contenunewsletter2 input[type="submit"] {
margin-top:-45px;
float:right;
}

a img,.next:visited,.prev:visited {
border:none;
}

#texte2 ul p,#menu1 dt,#menu1 dd,#menu2 ul,#texte2 p,#infos p,#infos_actu p,#googlemap p,ul.map,#texte ul.map p {
margin:0;
padding:0;
}

h4 a,#texte #infos_actu a:hover {
color:#fff;
}

#texte h5 a,#texte a.page_select {
color:#777;
}

a,#coordonnees a {
color:#ED7F00;
text-decoration:none;
}

a:hover,#coordonnees a:hover,#texte ul.map li a:hover {
color:#FF4800;
text-decoration:none;
}

#sitemap p,#favoris p {
font-size:17px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
margin-top:20px;
}

ul.infobulles a span.-select,ul.infobulles a:hover span {
display:block;
_color:#000;
}

#contenunewsletter2,#contenunewsletter3 {
margin-left:20px;
width:760px;
}

#contenunewsletter2 table,#contenunewsletter2 ul,#contenunewsletter3 table {
margin:0;
}
.list {
	list-style-type:none!important;
}