:root { overflow-y:scroll; overflow-x:hidden; height:auto}
body {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; background:#7B7979; scrollbar-3dlight-color:#FFF; scrollbar-arrow-color: #CC0000; scrollbar-darkshadow-color: #FFF; scrollbar-face-color:#eee ; scrollbar-highlight-color: #666; scrollbar-shadow-color: #666; scrollbar-track-color: #eee; scrollbar-base-color: #666}
select, textarea, input {font-family:Arial, Helvetica, sans-serif; background:transparent; font-size:11px; color:#333; border:1px solid #FFF; vertical-align:middle; margin:2px 0px 2px 0px; padding:1px }
input {border:1px solid #FFF; color:#333; background:transparent; font-size:11px}
table {margin:0px; padding:0px; border:0px; border-collapse:collapse}
table th, tr, td {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; border-collapse:collapse}
span { margin:0px; padding:0px}
div { padding:0px; margin:0px}
a img {border:0px; margin:0px; padding:0px}
img {margin:0px; padding:0px; border:0px}
blockquote { margin:0px; padding:0px 0px 0px 0px}
form { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
fieldset { color:#333; padding:0px 5px 10px 5px; border:1px solid #D6D5D9; font-size:11px}
* html fieldset { color:#333; padding:5px}
legend { color:#666; font-weight:bold; font-size:12px; margin-bottom:10px}
label { margin:0px 10px 0px 0px}

p {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
.lineP { line-height:16px; text-align:justify}
.lineP a {color:#EE2E23; font-size:11px; text-decoration:none}
.lineP a:hover {color:#EE2E23; font-size:11px; text-decoration:underline}
ul {padding:0px; margin:0px 0px 0px 0px; list-style-type:none}
ul li {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
ul li ul {padding:0px; margin:0px 0px 0px 12px; list-style-type:none}
ul li ul li {margin:0px 0px 0px 12px; padding:0px 0px 0px 0px}
a { text-decoration:none; color:#7B7979; font-size:10px; font-family:Arial, Helvetica, sans-serif}
a:hover { text-decoration:none; color:#F01408; font-size:10px; font-family:Arial, Helvetica, sans-serif}
#im  { border:1px solid white;}

/* PAGE */
#pgContenu{width:798px; height:430px; max-width:798px; background:url(../image/bandeau/fondpage.jpg) no-repeat; border:1px solid #E7E4E4}
* html #pgContenu {width:798px; height:430px}

#global {position:absolute; left:50%; top:50%; width:798px; height:430px; margin-top:-215px; /* moitié de la hauteur */ margin-left:-399px; /* moitié de la largeur */ border:0px}


/* LOGO */
#logo { margin:20px 0px 20px 20px; position:absolute; z-index:10}
#baseLine { margin:180px 0px 20px 30px}
#photoBottom { position:absolute; margin-top:344px}
#photoBottom2 { position:absolute; margin-top:120px; margin-left:10px}
.ligneDesign { vertical-align:middle; margin-right:13px}

/* MENU */
#menu img { float:left; margin-right:10px; margin-bottom:30px}

/* PLAN DU SITE */

/* CONTENU */
#contenu { clear:both; margin-right:10px}
* html #contenu {clear:both}
#colG {  width:230px; float:left}
#colD { width:558px; float:left; padding-left:10px}
.flashGalerie { width:528px; margin-top:-15px; margin-left:0px; position:absolute}
#sousmenu {margin-left:-200px; margin-top:80px; position:absolute}

.scroll {overflow:auto; height:285px}

h1 { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; font-size:14px; text-transform:uppercase; font-weight:100; letter-spacing:-1px}
.stitre { color:#F01408}
.hr { background:url(../image/menu/hr.html) repeat-x bottom; line-height:11px; height:11px; margin:0px 0px 0px 0px; clear:both}
.ligneH { font-size:0.01em}

/* PAGINATION */
.pagination { font-size:10px; color:#2B5F8B; text-align:left; position:absolute; margin-top:33px; margin-left:-5px }
.pagination a { font-size:10px; color:#2B5F8B; text-decoration:none }
.pagination a:hover { font-size:10px; color:#EE2E23; text-decoration:none }
.pagination a.On { font-size:10px; color:#EE2E23; text-decoration:none }
.pagination a.On:hover { font-size:10px; color:#EE2E23; text-decoration:none }

/* STRUCTURE */
.mt5 { margin-top:5px}
.mr5 { margin-right:5px}
.mb5 { margin-bottom:5px}
.ml5 { margin-left:5px}
.mt10 { margin-top:10px}
.mr10 { margin-right:10px}
.mb10 { margin-bottom:10px}
.ml10 { margin-left:10px}
.mt20 { margin-top:20px}
.ml15 { margin-left:15px}

/* ALIGNEMENT */
.block { display:block}
.hidden { display:none}
.textL { text-align:left}
.textC { text-align:center}
.textJ { text-align:justify}
.textR { text-align:right}
.tdTop td { vertical-align:top}
.tdBottom td { vertical-align:bottom}
.vam { vertical-align:middle}
.vat { vertical-align:top}
.vab { vertical-align:bottom}
.cb { clear:both}
.fleft { float:left}
.fright { float:right}
.abs { position:absolute }
.cursor { cursor:pointer}

/* LARGEUR */
.w100p { width:100%}
.w100 { width:100px}
.w120 { width:120px}
.w235 { width:235px}
.w445 { width:445px}

/* NAVIGATION TRANSVERSALE */
#transv { text-align:right; width:798px; position:absolute; margin-top:-36px; color:#CC0000}
#transv a { color:#FFF; text-decoration:none; font-size:11px; text-transform:uppercase}
#transv a:hover { color:#CC0000; text-decoration:none; font-size:11px; text-transform:uppercase}
#transv a.On { text-decoration:none; color:#CC0000; font-size:11px; text-transform:uppercase}
#transv a.On:hover { text-decoration:none; color:#CC0000; font-size:11px; text-transform:uppercase}

/* FORMULAIRE */
label { color:#08467B; font-size:10px}
.oblig { color: #EE2E23; font-size:11px}
#error { position:absolute; margin-top:-20px; color: #EE2E23; font-size:11px}
.italic { font-style: italic; margin-bottom:10px; font-size:10px}
.trsp { border:0px; background:transparent; vertical-align:middle}
.bouton { border:1px solid #EE2E23; text-transform:uppercase; color:#EE2E23; cursor:pointer; margin:0px 0px 1px 0px; padding:0px 2px 0px 2px }
.border {border:1px solid #CACFD5 }
.libelle { text-transform:uppercase; text-align:right; padding-right:10px; padding-top:4px}

/* DEBUG */
.debug { border:1px solid red; color:red}
