html, body {
margin-top: 0px; margin-left:0px; margin-right:0px; margin-bottom:0px ; height: 100%; width:100% ; font-size : 100%; 
}
table iframe{ width:100%; height:100% }

a.grisouille{ color:#A1A1A1 }
p.grisouille{ color:#A1A1A1 }
p.grisouillemini{ color:#A1A1A1 ; font-size: 10px; font-style:italic }
a.noirot{ color:#000 }
a.violet{ color:#982AB1 }
p.violet{ color:#982AB1; font-size: 11px; font-weight:600 }
p.noirot{ color:#000 }
a.white{ color:#FFF }
p.white{ color:#FFF }
.index_txt{ font-size:0.9rem;; font-weight:600; display:inline; color:#999999}
p.recherche{ font-size:15px; font-weight:600; display:inline; color:#000000}
p.ann{ font-size:1rem; font-weight:600; display:inline; color:#666 }
p.red{ color:#FF0000 }
.ui-widget {font-size: 1rem;}
p.grostitre{  font-size: 18px; font-weight:bold ; color:#514E99 }
.txt1{  font-size: 16px;}
.msg_err{ border:3px solid; border-color:#db2002; border-radius:10px; padding:10; max-width:400; width:90%;  vertical-align:middle; min-height:50; font-weight:bold}
a.grisouille_sslien { color:#A1A1A1; text-decoration:none }
a.white_sslien { color:#FFF; text-decoration:none }
a.grisouille_sslien:hover { color:#A1A1A1; text-decoration:underline }
a.noirot_sslien{ color:#000; text-decoration:none }
a.noirot_sslien:hover{ color:#514E99; text-decoration:underline }
a.barre:hover{ text-decoration:underline; }
a.bleu_sslien{ color:#514E99; text-decoration:none }
a.bleu_sslien:hover{ color:#514E99; text-decoration:underline; }
a.butt{ color:#FFF; background-color:#999; text-decoration:none; padding:2; border-radius:4px; font-size:0.8rem }
a.butt:hover{ color:#FFF; background-color:#666; text-decoration:none; padding:2; border-radius:4px; font-size:0.8rem }
a.butt2{ color:#FFF; border-style:solid; border-width:1; border-color:#666; background-color:#514E99; text-decoration:none; padding:5; border-radius:4px; font-size:1rem; margin-left:5  }
a.butt2:hover{ color:#000; border-style:solid; border-width:1; border-color:#666; background-color:#CCC; text-decoration:none; padding:5; border-radius:4px; font-size:1rem; margin-left:5 }
a.blue{ color:#514E99; text-decoration:none; font-size:0.95rem; padding:5}
a.blue:hover{ color:#514E99; text-decoration:underline; font-size:0.95rem; ; padding:5 }

@media screen and (min-width:1000px) and (max-width:1200px) {
p,input,textarea,select,td { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.85rem; }
h3 { font-size:0.85rem; font-weight:normal }
.small { font-size:0.7rem; font-weight:normal }
.bloc1, .bloc2 { max-width:1000px ; margin-left:auto; margin-right:auto ;}
.index { width:100% ; height:500 ; margin-left:auto; margin-right:auto; }
.chp1 { width:450px }
.bloc_rech { width:900px }
.chp1bis { width:300px }
.anntot { font-weight:bold;font-size:1.2rem; display:inline }
.bloc5 { width:163px; }
.bloc6 { margin-left:15px ; width:615 }
#col1 { float: left; width:20%; margin-top:5;}
#col2 { float: left; width:40% ; margin-left:20; margin-top:5;}
#col3 { float: left; width:36% ; margin-left:15}
#colb1 { float: left; width:63%; padding:5  }
#colb2 { float: left; width:30% ; margin-left:20; border-left:#CCC dotted; padding:15}
.img_anntot { height:300; width:200; border-radius:5px }
.img_anntot_s { height:250; width:180; margin-right:20 ; border-radius:5px }
.img_anntot_l { height:190; width:155; border-radius:5px }
.col_item { float: left; width:20% ; height:130; padding:10; margin:14; margin-bottom:20; margin-top:10; border-radius:5px }
.col_ccm1 { float: left; width:39% ; height:210; padding:15; margin-right:15; margin-top:15; margin-bottom:15; background-color:#F5F5F5; border-radius:15px }
.col_ccm2 { float: left; width:53% ; height:210; padding:15; margin-top:15; margin-bottom:15; background-color:#F5F5F5; border-radius:15px }
.barre{ color:#FFFFFF; text-decoration:none; font-size: 0.85rem; font-variant:small-caps; display:inline-table; padding:7; margin-top:15 }
#col1_banniere { float: left; width:28%; margin-top:15; height:40 }
#col2_banniere { float: left; width:72%; text-align:right }
.bottom{ float:left; width:65% ; text-align:left }
.bottom_col2{ float:left; width:30% ; text-align:left; height:200; }
.anntotl1{ float:left; width:19%; height:100%; padding:10; }
.anntotl2{ float:left; border-right:#CCC dotted; width:51%; padding:10; min-height:170 }
.anntotl3{ float:left; width:21%; padding:10; vertical-align:top }

}
@media screen and (min-width:1200px) {
p,input,textarea,select,td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.85rem; }
h3 { font-size:0.85rem; font-weight:normal }
.small { font-size:0.7rem; font-weight:normal }
.bloc1, .bloc2 { width:1200px; margin-left:auto; margin-right:auto ;}
.index { height:560; margin-left:auto; margin-right:auto; max-width:2000; width:100%; }
.txt1 { font-size:19px }
.anntot { font-weight:bold;font-size:1.2rem; display:inline; }
.chp1 { width:450px }
.bloc_rech { width:900px }
.chp1bis { width:300px }
.bloc5 { width:195px; }
.bloc6 { margin-left:30px; width:715; margin-bottom:12 }
#col1 { float: left; width:19%; margin-top:5; }
#col2 { float: left; width:42% ; margin-left:15; margin-top:5;}
#col3 { float: left; width:36% ; margin-left:15}
#colb1 { float: left; width:65%; padding:5  }
#colb2 { float: left; width:29% ; margin-left:20; border-left:#CCC dotted; padding:15}
.img_anntot { height:325; width:225; ; border-radius:5px }
.img_anntot_s { height:250; width:180; margin-right:45 ; border-radius:5px ; }
.img_anntot_l { height:190; width:155; border-radius:5px }
.col_item { float: left; width:20% ; height:115; padding:10; margin:15; margin-bottom:20; margin-top:10; border-radius:5px }
.col_ccm1 { float: left; width:40% ; height:210; padding:15; margin-right:15; margin-top:15; margin-bottom:15; background-color:#F5F5F5; border-radius:15px }
.col_ccm2 { float: left; width:53% ; height:210; padding:15; margin-top:15; margin-bottom:15; background-color:#F5F5F5; border-radius:15px }
.barre{ color:#FFFFFF; text-decoration:none; font-size: 1rem; font-variant:small-caps; display:inline-block; padding:7; margin-top:15 }
#col1_banniere { float: left; width:32%; margin-top:15; height:40;}
#col2_banniere { float: left; width:68%; text-align:right }
.bottom{ float:left; width:65% ; text-align:left }
.bottom_col2{ float:left; width:30% ; text-align:left; height:200; }
.anntotl1{ float:left; width:15%; height:100%; padding:10; }
.anntotl2{ float:left; width:56%; padding:10; min-height:170; border-right:#CCC dotted; }
.anntotl3{ float:left; width:22%; padding:10; vertical-align:top }

}
@media screen and (max-width:1000px) {
p,input,textarea,select,td { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.85rem; }
h3 { font-size:0.85rem; font-weight:normal }
.small { font-size:0.7rem; font-weight:normal }
.bloc2, .bloc6 { display:none ; margin-left:auto; margin-right:auto }
.index { width:100% ; height:540; margin-left:auto; margin-right:auto;}
.anntot { font-weight:bold;font-size:1rem; display:inline;}
.bloc1 { width:100%;}
#col1 { width:98%; }
#col2 { width:95%; margin-bottom:25; }
#col3 { width:98%; }
#colb1 { width:95%; margin:15 ; padding-bottom:40 }
#colb2 { width:95% ; margin:15; border-top:#CCC dotted ; padding-top:30;}
.img_anntot { height:275; width:200; ; border-radius:5px }
.img_anntot_s { height:200; margin-bottom:10; width:150; border-radius:5px }
.img_anntot_l { height:170; width:115; border-radius:5px }
#col1_banniere { float: left; width:31%; margin-top:15; height:40 }
#col2_banniere { float: left; width:67%; margin-top:15; margin-right:5; text-align:right }
.bloc4 { display:none }
.bloc_rech { width:410px }
.chp1 { width:380px }
.chp1bis { width:250px }
.chp1bbis { width:120px }
.col_item { float: left; width:21% ; height:160; padding:10; margin:5; margin-bottom:10; margin-top:10; border-radius:5px }
.col_ccm1 { width:90%; max-width:750 ; padding:15; margin-top:15; margin-bottom:15; background-color:#F5F5F5; border-radius:15px }
.col_ccm2 { width:90%; max-width:750 ; padding:15; margin-top:15; background-color:#F5F5F5; border-radius:15px }
.barre{ color:#FFFFFF; text-decoration:none; font-size: 1rem; font-variant:small-caps; display:inline-table; padding:5 }
.bottom{ width:100% ; text-align:center }
.bottom_col2 { display: none }
.anntotl1{ float:left; width:13%; height:100%; padding:10; }
.anntotl2{ float:left; width:54%; padding:10; min-height:180; border-right:#CCC dotted; }
.anntotl3{ float:left; width:24%; padding:10; vertical-align:top }

}

@media screen and (max-width:800px) {
p,input,textarea,select,td { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9rem; }
h3 { font-size:0.9rem; font-weight:normal }
.small { font-size:0.75rem; font-weight:normal }
.index { width:100% ; height:520; margin-left:auto; margin-right:auto;}
#logo_ban { width:180; margin-top:3}
.col_item { width:90% ; height:70; padding:10; margin-bottom:10; margin-top:10; margin-left:5 }
.img_anntot { height:225; width:150; ; border-radius:5px }
.img_anntot_s { height:165; margin-bottom:10; width:125; border-radius:5px; }
.img_anntot_l { height:170; width:138; border-radius:5px }
.bloc_rech { width:90%; max-width:420px }
.chp1 { width:85%; max-width:400px }
.chp1bis { width:85%; max-width:400px }
.chp1bbis { width:85%; max-width:400px }
.anntotl1{ width:97%; padding:5 }
.anntotl2{ width:97%; border-right:none; min-height:100;}
.anntotl3{ width:97%; padding-top:10; }

}