@import url(texte.css);
@import url(lettre.css);
@import url(accueil.css);
@import url(rss.css);

code{
color: red;
font-size: 1.2em
}

a{
color: #3383ba;
background: transparent
}

a:hover, a:visited:hover{
color:#7fbc25
}

a:visited{
color: #777
}

input:focus{
background-image: none !important;
background-color:#666 !important;
color:#fff !important
}

label{
cursor:pointer
}

acronym{
cursor:help;
border-bottom:1px dotted #f00
}

kbd{
font-size:1.3em;
cursor:default;
text-decoration:none;
color:ButtonText !important;
background:ButtonFace;
border: thin outset ButtonHighlight;
padding:0.2em;
line-height:200%;
}

blockquote{
font-style:italic;
border:1px solid #ddd;
background: #f6f6f6;
padding:1em
}

fieldset{
border: 0px solid #ddd
}

em{
font-weight: 700;
font-style: normal
}

strong{
font-style: italic;
font-weight: 500
}

code,pre{
font-family:"Courier New",Courier,monospace
}

/* accesskey ------------------ */

span.access{
text-decoration:underline;
text-transform: uppercase
}

/* Body ------------------ */

body{
margin: 0;
padding: 0 0 1.5em 0;
color: #000;
font: 70% Verdana, "Bitstream Vera Sans", Arial, "Lucida Grande", Helvetica, sans-serif
}

body#accueil{
background: #fff url(img/fondhome.png) no-repeat 0 105px
}

/* Fonds sections ------------------ */

body.sectiona{
background:#fff url(img/fond_a.jpg) no-repeat 0 105px
}

body.sectionb{
background:#fff url(img/fond_b.jpg) no-repeat 0 105px
}

body.sectionc{
background:#fff url(img/fond_c.jpg) no-repeat 0 105px
}

body.commun{
background:#fff url(img/fond_commun.jpg) no-repeat 0 105px
}

/* Accessible ------------------ */

#accessible{
margin: 0;
padding: 0;
width: 100%;
background: transparent;
border-bottom: 5px solid #b2b2b2;
height:23px
}

#accessible ul{
margin:0;
padding:0;
width:97%;
text-align:right
}

#accessible li{
display:inline;
margin:0;
padding:0;
line-height:210%
}

#accessible:hover a{
color: #333
}

#accessible a{
background-color:#fff;
color: #9f9f9f;
padding:0 0.5em;
margin: 0;
text-decoration:none
}

#accessible a:hover{
text-decoration:none;
color: #333;
text-decoration: underline
}

/* Moteur recherche ------------------ */

form#moteursimple{
position:absolute;
right:3%;
top:155px;
margin:0;
background: transparent;
z-index: 1
}

form#moteursimple label{
text-align:left;
color: #555;
background:transparent;
font-weight:500;
display: inline;
margin-bottom:0.3em
}

form#moteursimple input.champs{
color:#333;
background: #f9f9f9;
border:1px solid #999;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
width:12em;
padding-left:0.5em;
font-size: 1em
}

form#moteursimple input.champs:hover{
background:#fff;
border-color:#333;
color: #333
}

form#moteursimple input.valid{
background:#ccc;
border:1px solid #ccc;
color:#000;
cursor:pointer;
font-weight:500;
font-size:1em
}

form#moteursimple input.valid:hover,#texte #moteurint input.valid:hover{
background:#7fbc26;
border:1px solid #333;
color:#fff
}

form#moteursimple input.valid:active,#texte #moteurint input.valid:active{
background:#9cf;
border:1px solid #7FBC25;
color:#fff
}

form#moteursimple p{
margin:0;
padding:0;
text-align:left
}

/* Logo ------------------ */

#logo{
color: #666;
background: transparent url(img/bandeau.jpg) no-repeat 90% 0;
height:10em;
height:97px;
border-bottom: 42px solid #f5f5f5;
padding:0.5em 0
}

#logo h1{
padding:0;
color:#999;
padding:0;
margin:0;
}

/* fichu IE !! */
html>body #logo h1{
margin-top:0.4em
}

#logo a{
margin:0;
padding:0 0 0 3%;
border:0
}

#logo img{
background: transparent;
margin:0 0 0 6em;
border:0;
float:left;
}

#logo p{
margin: 0 0 0 18%;
padding: 0 0 0 160px;
color: #afd0e8;
color: #666;
background: transparent;
font-size: 1.6em;
font-weight: 500;
text-indent: -120px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 1px
}

#logo p em{
color: #88b9dc;
color: #666
}

#logo p br{
display: block
}

p#reperage{
text-align:right;
margin:1em 2% 0 0;
color: #666
}

p#reperage em{
color: #777
}

/* Menu ------------------ */

#menu{
position: absolute;
top:126px;
left:0;
background: #4493ca;
width: 100%;
z-index:2
}

#menu h2{
display: none
}

#menu p{
margin: 0;
padding: 0;
background: transparent;
border-right: 1px solid #ccc
}

#menu a{
line-height: 230%;
text-decoration: none;
color: #fff
}

#menu p a{
font-weight: 700;
background: transparent;
padding:0 1em;
margin:0;
display: block
}

#menu p a:hover{
color:#fff;
background: #327db3
}

li#telechargements a{
background:#fff url(img/cadenas2.png) no-repeat 4px 50%;
padding-left:17px;
margin-left:1em;
font-weight:700;
color:#327db3;
border:1px solid #bed0e7;
font-size:1.1em;
}

li#telechargements a:hover{
background:#fff url(img/cadenas2.png) no-repeat 4px 50%;
text-decoration:none;
}

#menu p.langue{
display:none;
position:absolute;
top:-1.2em;
left:0;
border:0;
padding:0;
background:#fff;
color:#999
}

p#actualites,p#boutique,p#societe, p#solutions, p#profils{
float:left
}

p#actualites,p#boutique{
background:#317db3;
}
p#actualites a:hover,p#boutique a:hover{
background:#f5f5f5;
color:#3f6faf;
}

/*
p#boutique{
background:#b2b2b2;
}
p#boutique a{
background:#7fbc26;
color:#fff;
}
p#boutique a:hover{
background:#f5f5f5;
color:#3f6faf;
}
*/

p#telechargements{
display:none;
float:right;
border-right: 0 solid #ccc;
}

/* Sous-menu JS ------------------ */

ol#ssmenu1, ol#ssmenu2, ol#ssmenu3{
list-style: none;
position:absolute;
top:2em;
margin:0.2em;
padding: 0;
background: #fff;
border: 1px solid #999;
border-top: none;
font-size: 1em;
visibility: hidden;
}

/* pour corriger sur IE */
html>body ol#ssmenu1,html>body ol#ssmenu2,html>body ol#ssmenu3{
top:2.1em
}

ol#ssmenu1{
width:10em;
left:0
}

ol#ssmenu2{
width:16em;
left:6.7em;
left:7.7em
}

ol#ssmenu3{
width:16em;
left:21.6em;
left:24.7em
}

ol#ssmenu1 li, ol#ssmenu2 li, ol#ssmenu3 li{
display:inline;
text-indent: 0.5em
}

ol#ssmenu1 li a, ol#ssmenu2 li a, ol#ssmenu3 li a{
display: block;
background:#f5f5f5;
font-weight: 500;
line-height: 190%;
width: 100%;
color: #333;
border-top: 1px solid #999
}

ol#ssmenu1 li a:visited, ol#ssmenu2 li a:visited, ol#ssmenu3 li a:visited{
background:#e5e5e5
}

/* pb car IE ne comprend pas le visited:hover */
ol#ssmenu1 li a:visited:hover, ol#ssmenu2 li a:visited:hover, ol#ssmenu3 li a:visited:hover{
background:#f5f5f5
}

ol#ssmenu1 li a:hover, ol#ssmenu2 li a:hover, ol#ssmenu3 li a:hover{
background:#e5e5e5;
color:#000
}

ol#ssmenu1 li.tout a, ol#ssmenu2 li.tout a, ol#ssmenu3 li.tout a{
font-weight:700
}

/* Liens pratique ------------------ */

#pratique{
color:#fff;
background: #888;
margin:0;
padding:0;
width:100%;
text-align: center;
text-transform: uppercase;
font-size:0.9em
}

#pratique li{
display:inline;
margin:0;
padding:0 1em;
line-height:200%;
border-right:1px solid #fff
}

#pratique li.dernier{
border:0
}

#pratique a{
background:transparent;
color:#fff;
text-decoration:none;
font-weight:700;
padding:0 0.5em;
margin:0;
line-height:200%
}

#pratique a:hover{
background:#fff;
color:#666
}

#datemaj{
width:100%;
height:3.5em;
background:url(img/afaq.png) no-repeat 1% 100%;
}

p#maj{
position:absolute;
right:0%;
margin-top:2.2em;
padding:2px 5% 0 1%;
line-height:150%;
color:#666;
background:url(img/fondmaj.png) no-repeat 100% 0%;
font-size:0.9em;
width:15em;
}

/* Ours ------------------ */

#ours{
color:#333;
background:transparent;
margin:-0.3em auto;
padding:0;
text-align:center;
width:55em;
position:relative;
}

#ours ul{
margin:1em 0 0.5em 0;
padding-left:0
}

#ours li{
border-right:1px solid #666;
display:inline;
margin:0 0.5em 0 0;
padding:0 0.5em 0 0
}

#ours li.dernier{
border:0
}

#ours a{
background:transparent;
color:#666;
text-decoration: none;
border-bottom: 1px solid #ccc
}

#ours a:hover{
background:transparent;
color:#000;
text-decoration:underline;
border-bottom:none
}

#ours p{
margin:0
}

/* ------------------ */
/* ------------------ */

body#accueil #texte{
margin:0 auto;
z-index:0;
position:relative;
width:97%;
}

body#interieur #texte{
padding:0 0 0 1em;
margin:2.5em 5% 2em 185px;
min-height: 25em;
height: 25em;
background:#fff;
}

html>body#interieur #texte{
padding:0 0 0 3%
}

html > body#interieur #texte{
height:auto
}

#texte hr{
clear: both;
visibility: hidden;
margin: 0
}

/* ------------------ */

#article{
width:73%;
float: left
}

#texte #encart{
width:22%;
float: right;
padding:0 0 0.5em 0;
margin:6em 0 0 0;
}

#texte #encart h4{
text-indent: 0
}

#texte #encart .bloc{
border:1px solid #999;
background:#fff;
padding:0 2% 0 2%;
margin:0 0 2em 0
}

#texte #encart .bloc a{
font-weight: 500
}

#texte #encart .bloc h3{
color:#7ebc24;
background-color: #fff;
margin:0 0 0.5em 0;
padding:0.2em 0;
text-align: center;
background: none
}

#texte #encart .bloc h4{
background: none;
padding:0;
margin:0.5em 0 0 0
}

#texte #encart .bloc p{
margin:0
}

#texte #encart p.date_publication{
color:#999
}

#texte #encart .chapo{
margin:0 0 0.5em 0
}

/* ATTENTION breves = en savoir plus */
#texte #encart .breves ul{
padding-left:1em;
}

#texte #encart .liens, #texte #encart .breves{
padding:0 0.8em 0.5em 0.8em;
border:1px solid #c6d9eb;
margin-bottom:3em;
position:relative;
}

#texte #encart .liens h3, #texte #encart .breves h3{
/*background:#fff url(img/fond_encart.png) no-repeat 100% 50%;*/
color:#f80;
font-size:0.8em;
text-transform:uppercase;
text-align:left;
padding:0;
font-family: verdana, Arial, Helvetica, sans-serif;
position:absolute;
top:-1.7em;
left:0;
}

#texte #encart .breves h3{
background-image:none
}

#texte #encart .liens ul{
margin:0;
padding:0;
}

#texte #encart .liens li{
color: #999;
list-style-image:none;
padding: 0;
margin:0;
display:inline;
border-bottom:2px solid #ecf2f8
}

#texte #encart .liens li a{
background: url(img/simple.png) no-repeat 100% 80%;
padding-right:0;
display:block;
padding:0.4em 20px 0.4em 0;
}

#texte #encart .liens li a.popup{
background: url(img/popup.png) no-repeat 100% 80%
}

#texte #encart .liens li a.sortir{
background: url(img/sortir.png) no-repeat 100% 80%
}

#texte #encart .liens li a.email{
background: url(img/courriel.png) no-repeat 100% 80%
}

/* documents associés */
#texte #encart .liens li a.doc{
background: transparent url(img/ms_word.png) no-repeat 100% 80%
}
#texte #encart .liens li a.pdf{
background: transparent url(img/acrobat_pdf.png) no-repeat 100% 80%
}
#texte #encart .liens li a.ppt{
background:transparent url(img/ms_powerpoint_present.png) no-repeat 100% 80%
}
#texte #encart .liens li a.pptdiapo{
background:transparent url(img/ms_powerpoint_diapo.png) no-repeat 100% 80%
}
#texte #encart .liens li a.xls{
background:transparent url(img/ms_excel.png) no-repeat 100% 80%
}

#texte #encart a.boutique{
font-size:80%;
text-decoration:none;
padding:0.1em 0.4em;
margin-bottom:0.5em;
color:#fff;
background-color:#4493ca;
}
#texte #encart a.boutique:hover{
color:#4493ca;
background-color:#fff;
border:1px solid #c6d9eb;
}

#texte div.fondbleu{
padding:0.8em;
margin-top:1em;
background-color:#d0e4f2;
}

dl#adresses a{
float:left;
margin-right:1em
}

dl#adresses a img{
display:block
}

a img:hover{
border:1px solid #7fbd23
}

dl#adresses dt{
clear:both;
margin-bottom:0.5em
}

dl#adresses dd{
clear:right;
margin-bottom:4em
}

dl#adresses dd address{
border-left:2px solid #ddd
}

p#afaq{
/*
display:block;
width:54px;
position: relative;
top:-1em;
left:10px;
*/
position:absolute;
left:0;
top:0;
}

p#afaq img{
background:#fff;
border:none;
padding:0;
}

/* Charte couleur MGDIS :

Orange :				#f90
Orange clair :		#ffb549
Orange clair 2 :	#ffdfaf
Gris :				#5f5f5f (666)
Gris clair :		#b2b2b2 (entre 9 et c)
Gris clair 2 :		#eaeaea (eee)

Vert :				#7fbc26
Pomme :				#caea9a
Pomme clair : 		#e6f5cf

Bleu :				#4493ca (39c)
Clair :				#a6cce6
Très clair :		#d0e4f2

Rouge :				#f00
Rouge 2 :			#c00
Jaune :				#ff9
Jaune pâle :		#ffc

*/