@charset "utf-8";
/* CSS Document par ISSARTEL Thibaud */



/* Correctif PNG pour IE */
img, div, input { behavior: url("_css/iepngfix/iepngfix.htc") }


/* Pour tout le site */
* { margin:0;padding:0}
body { color:#000; height:100%; background: #008DCB url(../_images/Fond.jpg) repeat-x 0px 0px; font: 12px Arial, Helvetica, sans-serif; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin:0; padding:0; outline:0; vertical-align:baseline; font-family: Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 {clear:left}
h1 { color:#000; font-size:24px }
h2 { color:#000; font-size:18px }
h3 { color:#000; font-size:15px }
h4 { color:#000; font-size:12px }
h5 { color:#000; font-size:10px }
h5 { color:#000; font-size:9px }


ul { margin:0; padding:0; }
ul.container { width:240px; margin:0; padding:18px 0px 0px 10px; }
li { list-style:none; text-align:left; }
li.menu { padding:0px; width:100%; margin: 0px; }
.Titre  { display:block; overflow:hidden; padding:5px; position:relative; width:200px; font: bold 14px/normal Arial, Helvetica, sans-serif; text-decoration: none; color: #000; height: 15px; }
li.button a { display:block; overflow:hidden; padding:5px; position:relative; width:200px; font: 14px/normal Arial, Helvetica, sans-serif; text-decoration: none; color: #000; height: 15px; }
li.button a:hover {text-decoration:none; }
li.button a span { height:44px; position:absolute; right:0; top:0; width:4px; display:block; }
li.button a.blue { background:url(img/blue.png) repeat-x top left; color:#074384; }
li.button a.blue span { background:url(img/blue.png) repeat-x top right; }
li.button a.green { background:url(img/green.png) repeat-x top left; color:#436800; }
li.button a.green span { background:url(img/green.png) repeat-x top right; }
li.button a.orange { background:url(img/orange.png) repeat-x top left; color:#882e02; }
li.button a.orange span { background:url(img/orange.png) repeat-x top right; }
li.button a.red { background:url(img/red.png) repeat-x top left; color:#641603; }
li.button a.red span { background:url(img/red.png) repeat-x top right; }
li.button a:hover { background-position:bottom left; }
li.button a:hover span { background-position:bottom right; }

.dropdown { display:none; padding-top:0px; width:100%; padding-bottom: 10px; }
.dropdown .N2 { margin: 0px; padding: 0px; }
.dropdown .N2 li { margin: 0px 0px 0px 25px; padding: 0px; list-style: url(../_images/trait.png); }
.dropdown .N2 li a { margin: 0px; padding: 0px; text-decoration: none; color: #039; font-size: 12px; font-weight: normal; line-height: 14px; text-align: left; }
.dropdown .N2 .N3 { margin: 0px; padding: 0px; }
.dropdown .N3 li { margin: 0px 0px 0px 50px; padding: 0px; list-style: url(../_images/trait2.png); }
.dropdown .N3 li a { color: #06C; }


#AccIntro { margin: auto; padding: 0px; height: 636px; width: 774px; }
#Container { margin: auto; padding: 0px; width: 928px; }

#Container #Bandeau { margin: 0px; padding: 12px 0px 0px; width: 928px; clear: both; }
#Container #ContainerInterne { margin: 0px; padding: 0px; clear: both; width: 928px; min-height:449px; background: url(../_images/FondInterne.jpg) no-repeat 0px 0px; }
#Container #ContainerInterne #NavGauche { width: 225px; margin: 0px 20px 0px 0px; padding: 0px; display: inline; float: left; }
#Container #ContainerInterne #PageContenus { width: 670px; min-height:350px; margin: 18px 0px 0px; padding: 40px 0px 0px; display: inline; float: left }

#NavGauchePOPUP { margin: 0px; padding: 0px; float: left; }


#AdressePied { font-family: Arial, Helvetica, sans-serif; color: #FFF; text-align: center; margin: 0px auto 10px; padding: 0px; width: 928px; }
.ContBandeau { float: left; margin: 0px; padding: 0px; display: block; }
#flashContent { width:685; height:510; position:absolute;}

.titre_Bleu_Combronde {color:#2986c8;font:bold 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0;padding:0;text-decoration:none}
.titre_Bleu2_Combronde {color:#154996;font:bold 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;margin:0;padding:0;text-decoration:none}


#PageContenusPOPUP { width: 620px; height:340px; margin: 8px 0px 0px; padding: 0px; display: inline; float: left; overflow-y: auto; overflow-x: hidden; overflow : -moz-scrollbars-vertical;  }

#PageContenusPOPUP .Rang { color: #154996; margin: 0px; padding: 0px 0px 20px; clear: both; float: left; width: 600px; text-align:justify }
#PageContenusPOPUP .Rang p { margin: 0px; padding: 5px 0px; }
#PageContenusPOPUP .Rang.full { width: 600px; margin: 0px; padding: 0px; clear: both; float: left; color: #154996; line-height: 16px; text-align:justify }

#PageContenusPOPUP .Rang .PhotoGauche { margin: 0px; padding: 0px; width: 200px; float: left; }
#PageContenusPOPUP .Rang .PhotoGauche img { margin: 0px; padding: 0px; border: 1px solid #333; }
#PageContenusPOPUP .Rang .ContainerTxtDroite { float: left; width: 350px; margin: 0px; padding: 0px 0px 0px 20px; line-height: 16px; color: #154996; text-align: justify; }

#PageContenusPOPUP .Rang .PhotoDroite { margin: 0px; padding: 0px; width: 200px; float: right; }
#PageContenusPOPUP .Rang .PhotoDroite img { margin: 0px; padding: 0px; border: 1px solid #333; }
#PageContenusPOPUP .Rang .ContainerTxtGauche { float: left; width: 350px; margin: 0px; padding: 0px 20px 0px 0px; line-height: 16px; color: #154996; text-align: justify; }

#PageContenusPOPUP .Rang ul { list-style: disc; padding: 0px 10px; margin: 5px 10px; }
#PageContenusPOPUP .Rang ul li { list-style: disc; margin: 0px; padding: 0px; }




#PageContenusCENTRE { width: 640px; height:340px; margin: 8px 0px 0px; padding: 0px; display: inline; float: left; overflow:auto; overflow : -moz-scrollbars-None;  }

#PageContenusCENTRE .Rang { margin: 0px; padding: 0px 0px 20px 0px; clear: both; float: left; width: 600px }
#PageContenusCENTRE .Rang p { margin: 0px; padding: 5px 0px; }
#PageContenusCENTRE .Rang.full { width: 550px; margin: 0px; padding: 0px; clear: both; float: left; color: #000; line-height: 16px; }

#PageContenusCENTRE .Rang .PhotoGauche { margin: 0px; padding: 0px; width: 200px; float: left; }
#PageContenusCENTRE .Rang .PhotoGauche img { margin: 0px; padding: 0px; border: 1px solid #333; }
#PageContenusCENTRE .Rang .ContainerTxtDroite { float: left; width:auto; margin: 0px; padding: 0px 0px 0px 0px; line-height: 16px; color: #000; text-align: justify; }

#PageContenusCENTRE .Rang .PhotoDroite { margin: 0px; padding: 0px; width: 200px; float: right; }
#PageContenusCENTRE .Rang .PhotoDroite img { margin: 0px; padding: 0px; border: 1px solid #333; }
#PageContenusCENTRE .Rang .ContainerTxtGauche { float: left; width: 400px; margin: 0px; padding: 0px 20px 0px 0px; line-height: 16px; color: #000; text-align: justify; }
 
#PageContenusCENTRE .Rang ul { list-style: disc; padding: 0px 10px; margin: 5px 10px; }
#PageContenusCENTRE .Rang ul li { list-style: disc; margin: 0px; padding: 0px; }