/* GENERAL */
body { margin: 0; padding: 0; font-weight: normal; font-size: 12px; font-family: Verdana, Tahoma, Arial, sans-serif; color: #3c3c3c; background: #c62e29; }
a {  font-family: Tahoma, Arial, sans-serif; font-weight: normal; text-decoration: underline; color: #bf0000; }
a:hover { text-decoration: none; color: #000000; }
img {border: 0; margin: 0; padding: 0; }

/* GLOBAL */
#global { width: 760px; margin: 0 auto 0 auto; text-align: left; background-image: url(images/fond-global.jpg); background-repeat: repeat-y; background-position: top left; }

/* COLNAV */
#colnav { float: left; width: 182px; margin: 0 0 0 0; background-color: #c62e29; }
#noirtop { margin: 0; height: 8px; background-image: url(images/fond-noir-top.jpg); background-repeat: no-repeat; background-position: bottom left; }
#noir { background-image: url(images/fond-noir.jpg); background-repeat: repeat-y; background-position: top left; }
#logo { margin-left: 6px; }
.topcadrerouge { text-align: center; width: 182px; text-align: center; color: #ff0000; letter-spacing: 1px; margin: 0; padding: 0; }
.topcadregris { text-align: center; width: 182px; text-align: center; color: #ffffff; letter-spacing: 1px; margin: 0; padding: 0; }
#cadreparticulierrouge { padding: 0; margin-left: 18px; height: 182px; width: 146px; text-align: left; background-image: url(images/cadre-particulier-rouge.jpg); background-repeat: no-repeat; background-position: top left; }
#cadreparticuliergris { margin-left: 18px; height: 182px; width: 146px text-align: left; background-image: url(images/cadre-particulier-gris.jpg); background-repeat: no-repeat; background-position: top left; }
#cadreentrepriserouge { margin-left: 18px; height: 52px; width: 146px; text-align: left; background-image: url(images/cadre-entreprise-rouge.jpg); background-repeat: no-repeat; background-position: top left; }
#cadreentreprisegris { margin-left: 18px; height: 52px; width: 146px; text-align: left; background-image: url(images/cadre-entreprise-gris.jpg); background-repeat: no-repeat; background-position: top left; }
#cadreecolerouge { margin-left: 18px; height: 38px; width: 146px; text-align: left; background-image: url(images/cadre-ecole-rouge.jpg); background-repeat: no-repeat; background-position: top left; }
#cadreecolegris { margin-left: 18px; height: 38px; width: 146px; text-align: left; background-image: url(images/cadre-ecole-gris.jpg); background-repeat: no-repeat; background-position: top left; }
#cadresublimrouge { margin-left: 18px; height: 95px; width: 146px; text-align: left; background-image: url(images/cadre-sublim-rouge.jpg); background-repeat: no-repeat; background-position: top left; }
#cadresublimgris { margin-left: 18px; height: 95px; width: 146px; text-align: left; background-image: url(images/cadre-sublim-gris.jpg); background-repeat: no-repeat; background-position: top left; }
#cadrenewsgris { margin-left: 18px; height: 242px; width: 146px; text-align: left; background-image: url(images/cadre-news-gris.jpg); background-repeat: no-repeat; background-position: top left; }
#cadrenewsgris p { padding: 10px 5px 0 5px; margin: 0 0 0 10px; color: #ffffff; }
#cadrenewsgris a { color: #bf0000; }
#cadrenewsgris a:hover { color: #ffffff; }


.menu { padding: 10px 0 0 5px; margin: 0 0 0 16px; list-style-type: disc; color: #ffffff; }
.menu2 { padding: 0 0 0 5px; margin: 0 0 0 16px; list-style-type: disc; color: #ffffff; }
.menu a { color: #ffffff; text-decoration: none; }
.menu a:hover { color: #ff0000; text-decoration: underline; }
.menu2 a { color: #ffffff; text-decoration: none; }
.menu2 a:hover { color: #ff0000; text-decoration: underline; }
a.navover { color: #ff0000; text-decoration: none; }
a.navover:hover { color: #ff0000; text-decoration: underline; }
#nrj { margin-left: 40px; } 

/* COLCONTENU */
#colcontenu { margin: 5px 0 0 186px; }
#ph01 { float: left; height: 297px; width: 358px; background-image: url(images/ph01.jpg); background-repeat: no-repeat; background-position: bottom left; }
#ph01b { float: left; height: 297px; width: 358px; background-image: url(images/ph01b.jpg); background-repeat: no-repeat; background-position: bottom left; }
#ph02 { float: left; height: 297px; width: 358px; background-image: url(images/ph02.jpg); background-repeat: no-repeat; background-position: bottom left; }
#ph03 { float: left; height: 297px; width: 358px; background-image: url(images/ph03.jpg); background-repeat: no-repeat; background-position: bottom left; }
#ph04 { float: left; height: 297px; width: 358px; background-image: url(images/ph04.jpg); background-repeat: no-repeat; background-position: bottom left; }
#ph05 { float: left; height: 297px; width: 358px; background-image: url(images/ph05.jpg); background-repeat: no-repeat; background-position: bottom left; }
#ph05b { float: left; height: 297px; width: 358px; background-image: url(images/ph05b.jpg); background-repeat: no-repeat; background-position: bottom left; }
#ph06 { float: left; height: 297px; width: 358px; background-image: url(images/ph06.jpg); background-repeat: no-repeat; background-position: bottom left; }
#ph07 { float: left; height: 297px; width: 358px; background-image: url(images/ph07.jpg); background-repeat: no-repeat; background-position: bottom left; }
#ph08 { float: left; height: 297px; width: 358px; background-image: url(images/ph08.jpg); background-repeat: no-repeat; background-position: bottom left; }
#ph09 { float: left; height: 297px; width: 358px; background-image: url(images/ph09.jpg); background-repeat: no-repeat; background-position: bottom left; }
#ph10 { float: left; height: 297px; width: 358px; background-image: url(images/ph10.jpg); background-repeat: no-repeat; background-position: bottom left; }
#ph11 { float: left; height: 297px; width: 358px; background-image: url(images/ph11.jpg); background-repeat: no-repeat; background-position: bottom left; }
#ph12 { float: left; height: 297px; width: 358px; background-image: url(images/ph12.jpg); background-repeat: no-repeat; background-position: bottom left; }
#ph13 { float: left; height: 297px; width: 358px; background-image: url(images/ph13.jpg); background-repeat: no-repeat; background-position: bottom left; }
#phdiapo { float: left; height: 297px; width: 358px; }

#drpic { float: left; margin: 1px 0 0 4px; width: 160px; }
#drpic a { text-decoration: none; color: #ffffff; }
#drpic a:hover { text-decoration: underline; color: #ff0000; }

#cadreadresserouge { text-align: center; height: 168px; width: 200px; background-image: url(images/cadre-adresse-rouge.jpg); background-repeat: no-repeat; background-position: bottom left; }
#cadreadresserouge div { padding: 40px 0 0 0; font-size: 11px; font-family: Tahoma, Arial, sans-serif; }
#cadreadresserouge a { display: block; padding: 5px 0 0 0; color: #bf0000; }

#cadrelogo { padding: 5px 0 0 0; text-align: center; margin: 5px 0 0 0; height: 121px; width: 200px; background-image: url(images/cadre-logo.jpg); background-repeat: no-repeat; background-position: top left; }
#cadrelogo div { padding: 4px 0 0 0; font-size: 12px; color: #ffffff; }

#cadretexterougetop { float: left; height: 12px; width: 560px; background-image: url(images/cadre-contenu-rouge-top.jpg); background-repeat: no-repeat; background-position: bottom left; }
#cadretexterougebottom { float: left; height: 12px; width: 560px; background-image: url(images/cadre-contenu-rouge-bottom.jpg); background-repeat: no-repeat; background-position: top left; }
#cadretexterouge { float: left; width: 560px; background-image: url(images/cadre-contenu-rouge.jpg); background-repeat: repeat-y; background-position: top left; }
#cadretexterouge h1 { margin: 0; font-size: 14px; letter-spacing: 1px; color: #bf0000;}
#cadretexterouge p { margin: 0 25px 15px 25px; }
#cadretexterouge ul { margin: 0 25px 25px 50px; padding: 0; list-style-image: url(images/bulle-rouge.jpg); }

.tableau { margin: 10px 0px 15px 25px; }
.formulaire { margin: 0 25px 15px 25px; }
.box {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; color: #000000; background-color: #ffffff;	border: 1px solid #000000; }

#news { margin: 0 30px 20px 30px; width:500px; }
#newstop { width:500px; height:15px; background-image: url(images/news-top.gif); background-repeat: no-repeat; background-position: bottom left; }
#newscenter { padding: 0 20px 0 20px; background-image: url(images/news-center.gif); background-repeat: repeat-y; background-position: bottom left; }
#newsbottom { width:500px; height:15px; background-image: url(images/news-bottom.gif); background-repeat: no-repeat; background-position: bottom left; }


/* BOTTOM */
#bottom { clear: both; width: 750px; height: 140px; background-image: url(images/fond-bottom.jpg); background-repeat: no-repeat; background-position: bottom left; }
#vignette { padding: 20px 0 0 185px; }
#copyright { padding: 0px 0 0 200px; font-size: 10px; color: #ffffff; }
a.bottom { text-decoration: underline; color: #ffffff; }
a.bottom:hover { text-decoration: none; color: #ffffff; }
a.simple { text-decoration: none; color: #ffffff; }
a.simple:hover { text-decoration: none; color: #ffffff; }

#mySlideShow
{
width: 358px !important;
height: 297px !important;
}