body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em;
margin: 0px;padding: 0px;background: #124b68 url(images/trameDeFond.gif);}

#conteneur {background-color:#fff;padding:0;width:980px;margin:0px auto;}

/* HEADER */
#header {position:relative;height:115px; background: url(images/bandeau.jpg) left top no-repeat;}
#header a {position:absolute;display:block;width:140px;height:80px;left:20px;top:30px;}

#subHeader {height:17px; background: url(images/sub-bandeau.jpg) left top no-repeat;}
#subHeader p {color: #c00018;margin:0px;font-size:10px;padding:2px 5px 0px 0px;text-align:right;font-weight:bolder;
letter-spacing:-0.05em;}
#subHeader p a {color: #c00018;text-decoration:none;}
#subHeader p a:hover {color: red;}
#subHeader p span#heure {margin-right:25px;} * html #subHeader p span#heure {margin-right:40px;} *+html #subHeader p span#heure {margin-right:40px;}
#subHeader p span#pds {margin-right:20px;}

#gauche {width:152px;float:left;background: url(images/bg-gauche.jpg) left top no-repeat;min-height:423px;}
* html #gauche {height:423px;}
#contenu {position:relative;float:left;width:768px;padding: 10px 10px 0px 0px;margin-left:50px;min-height:468px;
background-color:#fff;}
* html #contenu {height:468px;}

#footer {position:relative;height:10px;background-color:#fff;clear:both;}

/* MENU */
.glossymenu a.menuitem {
color: #c00018;
background: url(images/bg-menu-it.png) no-repeat top left;
font-weight:bolder;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 118px;
height:16px;
font-size:10px;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
padding: 3px 10px 0px 0px; /*header text is indented 10px*/
text-align:right;
text-decoration: none;
z-index:10;
cursor:pointer;}

* html .glossymenu a.menuitem {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://195.210.43.224/~c4developpement2/media/images/bg-menu-it.png', sizingMethod='crop');zoom: 1;}

.glossymenu a.menuitem:hover, .glossymenu a.active {width: 118px;font-size:10px;padding: 3px 30px 0px 0px;
color: #fff;background: url(images/bg-menu-itHov.png) no-repeat top left;}

* html .glossymenu a.menuitem:hover {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://195.210.43.224/~c4developpement2/media/images/bg-menu-itHov.png', sizingMethod='crop');zoom: 1;}

.glossymenu ul { /*CSS for UL of each sub menu*/
list-style-type: none;
width: 139px;
margin: -21px 0px 15px 13px; /*bottom spacing between each UL and rest of content*/
z-index: 1;
position: relative;
padding:10px 0px;}

.glossymenu ul li {width:139px;padding:0;}

.glossymenu ul li a {
color: #fff;
font-weight:600;
display: block;
padding: 3px 0px;
margin: 0px auto;
width:133px;
text-decoration: none;
font-size: 10px;
line-height:15px;
border-bottom: 1px solid #c00018;
position:relative;
z-index:10;
letter-spacing:-0.05em;}

.glossymenu ul li a:visited {color: #efefef;}
.glossymenu ul li a:hover{ /*hover state CSS*/color:#c00018;}
	
.glossymenu ul.subitem li {background: url(images/bg-subMenu-it.png) repeat-y;}
* html .glossymenu ul.subitem li {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://195.210.43.224/~c4developpement2/media/images/bg-subMenu-it.png', sizingMethod='scale');zoom: 1;}
.glossymenu ul.subitem li.first {height:9px;font-size:5px;line-height:9px;padding:0;margin: 0;background: url(images/bg-subMenu-it-first.png) left top no-repeat;}
* html .glossymenu ul.subitem li.first {margin-bottom:-1px;background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://195.210.43.224/~c4developpement2/media/images/bg-subMenu-it-first.png', sizingMethod='crop');zoom: 1;}
.glossymenu ul.subitem li.last {height:5px;font-size:2px;line-height:1px;padding:0;margin: 0;background: url(images/bg-subMenu-it-last.png) left top no-repeat;}
* html .glossymenu ul.subitem li.last {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://195.210.43.224/~c4developpement2/media/images/bg-subMenu-it-last.png', sizingMethod='crop');zoom: 1;}

/* TITRES */
#mainflash {}
h2, h3 {color:#c10019;}
#titre {margin:0;padding:0px;}

/* CONTENUS */
h2 {font-size:1.3em;}
h3 {font-size:1.1em;padding-left:25px;}
h4 {font-size:1em;}
/*img {margin: 5px;}*/
blockquote p {text-align:center;width:auto;}
ul {margin-bottom:10px;}
#insideflash {margin: 10px 30px;}
#contenu li {padding: 0 0 0 15px; margin: 0 0 0 20px; background:url(media/img/point.gif) 0 3px no-repeat;}
#flashcontent {float:right;}

.blue {color:#006697;}
.red {color:#c00018;}
.strong {font-weight:bolder;}
#contenu a.black {color: #000000;text-decoration:none;font-weight:600;}
#contenu a.black:hover {color: #999;text-decoration:none;}
#contenu a.blue {color: #006697;text-decoration:none;font-weight:600;}
#contenu a.blue:hover {color: #1f84b5;text-decoration:none;}
#contenu a img {border: 1px solid #fff;}
#contenu a:hover img {background:transparent;border: 1px solid #c00018;}

.infoSite {width:335px;padding:0px 5px;background: url(images/bg-infos.jpg) left top no-repeat;float:left;
margin:0px 10px 0px 5px;}
.infoSite strong, .infoSite h5 {color:#707172;}
.infoSite ul, .infoSite li {list-style:none;}
.infoSite ul {padding-left:20px;margin-top:12px;}
* html .infoSite ul {padding-left:0px;margin-left:5px;} *+html .infoSite ul {padding-left:0px;margin-left:5px;}
#contenu .infoSite li {padding:0px 0px 0px 0px;margin-left:0px;}
.infoSite h5 {margin: 2px 0;}
.infoSite p {margin: 2px 0px 5px 0px;}
#contenu .infoSite a {color:#000000;}
#contenu .infoSite a:hover {color: #888;}

/* CONTENUS Page CHIFFRES */
.chiffre {text-align:center;}
div.chiffre {display:inline; width:320px; float:left; margin: 0 0 20px 12%;}
.chiffre h3 {background:#F5F5F5; padding: 2px 0; font-size:0.9em; font-weight: normal;
border-top: 1px solid #207193; border-bottom: 1px solid #207193;}
.chiffre img {margin: 10px 0 0 0;}
.chiffre span.puce {display:inline; margin: 0 2px 0 0; padding: 0 2px;
background:url(img/point.gif) 0 4px no-repeat;}

/* CONTENUS Page CONTACT */
.contacts {padding: 0px;margin-top:20px;}
.contacts form {background: url(images/bg-form-top.gif) 1px top no-repeat;width:741px;padding-top:3px;}
.contacts form fieldset {border:0px;background:#dfe0e1 url(images/bg-form-bot.gif) bottom left no-repeat;
padding:0;width:741px;}
.contacts form legend {}
.contacts form select {padding:2px; border: 1px inset #111111;}
.contacts form optgroup {font-style:normal;}
.contacts form option {padding:2px;}
.contacts form label {color:#9c9d9f;display:block; float:left; width:320px;text-align: right;
background: url(images/bg-label.gif) right 3px no-repeat;padding-right:20px;font-weight:600;margin:3px 10px 0px 10px;}
.contacts form label span {color:#c00018;}
.contacts form table {margin-top:-5px;}
.contacts form p {clear:both; margin: 10px 0 0 5px;}
.contacts form p.check label {width:auto;}
.contacts form p.check2 input {margin: 0px 3px 0 5px;width:12px;border:none;}
.contacts form p.check input {margin: 5px 0 0 5px;width:auto;border:none;}
.contacts form p.saisie input {height:13px;font-size:11px;}
.contacts form p.pj input {height:20px;font-size:11px;}
.contacts form select {height:18px;font-size:11px;}
.contacts form input, .contacts form textarea {width:290px; padding:2px; border: 1px inset #111111;}
.contacts form input.limiteur {width:30px; padding:1px;}
.contacts form input.auto {width:auto;}
.contacts form textarea {float:left; height:196px; padding:2px;margin-bottom:5px;}

.contacts form p.warning {color:#9c9d9f;text-align:right;margin-top:0;padding-right:90px;
font-weight:bolder;}

.contacts form p.sub {height:30px;}
.contacts form p a#submit {font-size:100%;float:right;color:#c00018;font-weight:bolder;margin-right:10px;
padding: 0px 0px 0px 13px;background:transparent url(images/bg-submit.gif) left 5px no-repeat;
text-decoration:underline;}
.contacts form p a#submit:hover {color:#c72024;background-color:transparent;text-decoration:none;}

/*Actu*/

#actualite a {text-decoration:none;}
#actualite p {display:block;width:180px;height:80px;float:left;background:#eee;text-align:center;
padding:3px;margin: 5px;border:1px dashed #ccc;}
#actualite p span.date {color:red;font-weight:normal;font-size:90%;text-align:right;}
#actualite p span.content {font-weight:normal;}
#actualite p a {background:#eee;}

/*PUBLICATIONS*/
#publi {min-height:411px;background: url(images/bg-publi.jpg) left top no-repeat;padding-left:330px;}
* html #publi {height:411px;}
dl.identite dt {font-size:12px;font-weight:bolder;width:150px;margin:5px 0px;text-align:right;
position: relative;z-index:499;border-bottom:1px solid #efefe0;} *+html dl.identite dt {margin:3px 0px;}
dl.identite dt a.dl {color:#ccc;text-decoration:none;padding-right:10px;
background:transparent url(images/fleche-title-invert.jpg) bottom right no-repeat;}
dl.identite dt a.dl:hover {color:#cf2824;
background:transparent url(images/fleche-title-invert.jpg) top right no-repeat;}
dl.identite dt:hover {cursor: pointer;}
dl.identite dt:hover ul.smenu {display:block;}
dl.identite dt a.dl:hover ul.smenu {display:block;}
dl.identite dt ul.smenu {width:209px;height:70px;list-style:none;
background:transparent url(images/bg-contact-li.jpg) top right no-repeat;}
dl.identite dt ul.smenu li {margin:3px 0 0 10px;color:#2b6481;text-align:left;font-size:11px;font-weight:bolder;}
dl.identite dt ul.smenu a img {border:0;}
dl.identite dt ul.smenu a {color:#c00018;background:none;text-decoration:underline;padding:0;margin-right:5px;}
dl.identite dt ul.smenu li a:hover {color:#cf2824;background:none;text-decoration: none;}

/*TELECHARGEMENTS*/
#telech {}

ul.smenu {padding:2px 0px 0px 40px;left:150px;position:absolute;z-index:499;display:none;
font-size:10px;margin-top:-30px;} * html ul.smenu {margin:-16px 0px 0px 0px;} *+html ul.smenu {margin:-16px 0px 0px 0px;}
ul.smenu img {float:right;margin:-1px 7px 0px 0px;}

/*CONTACTS*/
/*.smenu2 {padding:0;margin:0;position: absolute;z-index: 100;display:none;background:#DBE3E6;font-size:10px;}

#contact dl dt:hover .smenu2 {display : block;}
* html #contact dl dt a:hover .smenu2 {display : block;}
#contact dl dt ul.smenu2 {width:350px;}
#contact dl dt ul.smenu2 li {margin-left:20px;}
#contact dl dt {font-size:120%;background:#eee;padding-left:5px;margin:5px 0 10px 0px;}
#contact dl dt:hover {background:#DBE3E6;cursor:pointer;}*/

#annuaire {width:758px;height:200px;position:relative;}
#annuaire a {text-decoration: none;position: relative;color:#95989b;display:block;padding-right:10px;
background:transparent url(images/fleche-title-invert2.jpg) bottom right no-repeat;
width:300px;margin:10px 0px;text-align:right;font-weight:bolder;height:14px;} *+html #annuaire a {margin:5px 0px;}
* html #annuaire a {background:transparent url(images/fleche-title-invert2.jpg) top right no-repeat;}
#annuaire a:hover {color:#c00018;background:transparent url(images/fleche-title-invert2.jpg) top right no-repeat;}
* html #annuaire a:hover {background: none;}
#annuaire a span {display: none;line-height:normal;}
#annuaire a:hover span {
display: inline;
position: absolute;
width: 351px;
height: 87px;
background: transparent url(images/bg-annuaire-li.jpg) right no-repeat;
color: #004c6f;
font-size:12px;
font-weight: 600;
text-align: center;
}

#annuaire a {}
#annuaire a:hover span {top:-15px;left:310px;}

/*RH*/

/*annonces*/
p.rh {display:block;width:231px;background: url(images/bg-annonce2.jpg) left top no-repeat;float:left;
min-height:100px;padding:3px 0px 0px 17px;line-height:16px;margin:10px 5px 0px 0px;}
p.rh {height:100px;}
.rh a {color:#c00018;text-decoration: underline;}
.rh a:hover {text-decoration:none;}
.rh a.suite {text-decoration:none;font-size:10px;}
.rh a.suite:hover {color:#8f0214;}
.rh span.date {color:#c00018;font-size:10px;}
.rh span.intit {color: #004c6f;font-size:12px;font-weight:bolder;letter-spacing:-0.05em;}
.rh span.etc {color: #004c6f;font-size:10px;}
.rh span.etc2 {color: #004c6f;font-size:10px;display:block;width:220px;height:35px;}

/*détail de l'annonce*/
p.detailrh {clear:both;margin:10px 0px;}
p.detailrh span.intitule {display:block;width:180px;float:left;background: url(images/fleche-title-rh.jpg) right 2px no-repeat;
color: #004c6f;font-size:12px;font-weight:bolder;padding-right:15px;text-align:right;margin:10px 0px 0px 0px;}
p.detailrh span.content {display:block;float:left;margin:10px 0px 0px 30px;width:500px;}

/*publication*/
#dl img {border:none;margin:10px 0 0 0;}
#dl a {display:block;padding:4px;border:1px dashed #0C475C;text-decoration:none;}

/*plan du site*/
#contenu dl dd.troisiem a {margin-left:10px;font-size:10px;}