html, body {
margin-top: 0px; margin-left:0px; margin-right:0px; margin-bottom:0px ; height: 100%; width:100% ; 
}
p,input,textarea,select,td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
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.barre:hover{ color:#FFFFFF; text-decoration:underline; font-size: 15px; font-variant:small-caps }
a.barreita{ color:#FFFFFF; text-decoration:none; font-size: 13px; font-style:italic }
a.barrenor{ color:#FFFFFF; text-decoration:none; font-size: 12px; }
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 }
p.index{ font-size:13px; font-weight:600; display:inline; color:#999999}
p.recherche{ font-size:15px; font-weight:600; display:inline; color:#000000}
p.ann{ font-size:16px; font-weight:600; display:inline; color:#666 }
p.red{ color:#FF0000 }
.ui-widget {font-size: 11px;}
p.grostitre{  font-size: 18px; font-weight:bold ; color:#514E99 }
.txt1{  font-size: 16px;}

@media screen and (min-width:1000px) {
.bloc1, .bloc2 { width:1000px ; margin-left:auto; margin-right:auto ;}
.index { width:1000px ; height:600px ; margin-left:auto; margin-right:auto; }
.chp1 { width:300px }
.bloc5 { width:163px }
.bloc6 { margin-left:15px ; width:615 }
#col1 { float: left; width:62%; }
#col2 { float: left; width:36% ; margin-left:20 }

.bloc4barre { display:inline }
#col1_banniere { float: left; width:28%; margin-top:15; height:47 }
#col2_banniere { float: left; width:72%; margin-top:7; height:47 }
.barre{ color:#FFFFFF; text-decoration:none; font-size: 15px; font-variant:small-caps; display:inline-table; padding:7; margin-top:15 }
}
@media screen and (min-width:1200px) {
.bloc1, .bloc2 { width:1200px; margin-left:auto; margin-right:auto ;}
.index { width:1200px ; height:650px; margin-left:auto; margin-right:auto }
.txt1 { font-size:19px }
.chp1 { width:360px }
.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}

.bloc4barre { display:inline }
#col1_banniere { float: left; width:32%; margin-top:15; height:47 }
#col2_banniere { float: left; width:68%; margin-top:7;  height:47 }
.barre{ color:#FFFFFF; text-decoration:none; font-size: 15px; font-variant:small-caps; display:inline-table; padding:7; margin-top:15 }
}
@media screen and (max-width:1000px) {
.bloc2, .bloc6 { display:none ; margin-left:auto; margin-right:auto }
.index { width:100% ; height:600px ; margin-left:auto; margin-right:auto }
.bloc1,#col1, #col2 { width:100%; }
#col1_banniere { width:100%; margin-top:10; margin-bottom:2 }
#col2_banniere { width:100%; margin-bottom:5; margin-left:5 }
.bloc4 { display:none }

.bloc4barre { display:none }
.chp1 { width:90% }
.barre{ color:#FFFFFF; text-decoration:none; font-size: 14px; font-variant:small-caps; display:inline-table; padding:1 }
}