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:0.9rem; 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; }

@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 }
.anntot_sstt { margin:0}
.bloc5 { width:163px; }
.bloc6 { margin-left:15px ; width:615 }
#col1 { float: left; width:61%; }
#col2 { float: left; width:36% ; margin-left:20 }
#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; ; border-radius:5px }
.img_anntot_l { height:190; width:155; border-radius:5px }

.col_item { float: left; width:20% ; height:120; padding:10; margin:14; background-color:#F5F5F5; box-shadow: 2px 2px 0px #CCC; margin-bottom:20; margin-top:20; 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:57%; padding:10; min-height:170 }
.anntotl3{ float:left; width:15%; 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 }
.anntot_sstt { margin:0}
.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:62%;  }
#col2 { float: left; width:36% ; margin-left:20}
#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; ; 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; background-color:#F5F5F5; box-shadow: 2px 2px 0px #CCC; margin-bottom:20; margin-top:20; 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:62%; padding:10; min-height:170; border-right:#CCC dotted; }
.anntotl3{ float:left; width:16%; 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.8rem; }
h3 { font-size:0.8rem; font-weight:normal }
.small { font-size:0.65rem; 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; padding:10;}
.anntot_sstt { margin:0; padding-left:10}
.bloc1,#col1 { width:100%; }
#col2 { 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; 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 }
.chp1 { width:350px }
.bloc_rech { width:410px }
.chp1bis { width:250px }

.col_item { float: left; width:21% ; height:150; padding:10; margin:5; background-color:#F5F5F5; box-shadow: 2px 2px 0px #CCC; margin-bottom:20; margin-top:20; 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: 0.8rem; 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:62%; padding:10; min-height:180; border-right:#CCC dotted; }
.anntotl3{ float:left; width:16%; 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:220;}

.col_item { width:94% ; height:75; padding:10; background-color:#F5F5F5; box-shadow: 2px 2px 0px #CCC; margin-bottom:10; margin-top:10; border-radius:5px; margin-left:5 }

.img_anntot { height:225; width:150; ; border-radius:5px }
.img_anntot_s { height:165; width:125; ; border-radius:5px }
.img_anntot_l { height:170; width:138; border-radius:5px }

.bloc_rd { display:none }
.chp1 { width:85%; max-width:500px }
.bloc_rech { width:90% }
.chp1bis { width:70%; max-width:300px }

.anntotl1{ width:97%; padding:5 }
.anntotl2{ width:97%; border-right:none; min-height:100;}
.anntotl3{ width:97%; padding-top:10 }

}