/* Fashion Clear - An open source xhtml/css website template by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer.
Version: 1.0, February 27, 2006 */
* {margin:0; padding:0;}
/******** General tags ********/
body {
font:100% Verdana,Tahoma,Arial,sans-serif;
/*background:#fcfdf9 url(images/bodybg.jpg) top center repeat-y;*/
/*background:#dc653b;*/
/*background:#fd4606;*/
background: #f96302;
/*color:#505050;*/
color: black;
line-height:1.2em;
margin:0px 15px 0 auto;
padding:0;
}
a {
text-decoration:none;
/*color:#669900;*/
color:#735d73; /*couleur des hyperliens*/
}
a:hover{color:#99cc00;color:black;}
a img {border:0;}
p {font-size:1em; line-height:1.3em; margin:0 0 14px 0px;}
ul,ol,dl {margin:2px 0 16px 35px;}
ul ul,ol ol {margin:4px 0 4px 30px;}
h2 {
font-size:1.4em;
line-height:120%;
/*text-transform:uppercase;*/
/*border-bottom:2px solid #559900;*/
margin:15px 5px 3px 0;
padding:1px 2px 8px 1px;
}
h3 {
font-size:1.2em;
margin:10px 15px 3px 0;
padding:0;
}
blockquote{
font-size:0.9em;
border:1px solid #bababa;
margin:20px 10px;
padding:8px;
}
blockquote p {margin:0;}
/******** Main wrap ********/
#wrap {
background:white;
/*color:#505050;*/
color:#000;
/*width:780px;*/
width: 820px;
margin:0 auto;
padding:0;
}

/******** Header ********/
#header {
clear:both;
/*background:#ffffff url(images/modx-headerbg.jpg) bottom left no-repeat !important;*/
}
#en-tete {
/*	position: absolute;  */ 
	top:100px;
	left: 0px;
	display: block;
	z-index: 1000;
}
#title {
float:left;
width:450px;
text-align:center;
}
#title h1 {
font-size:3.8em;
letter-spacing:-4px;
color:#99cc00;
padding:65px 0 20px 5px;
}
#title h1 a {color:#99cc00; text-decoration:none;}
#title h1 a:hover {color:#669900;}
#slogan {
color:#808080;
font-size:1.6em;
letter-spacing:-1px;
margin:0 0 10px 5px;
}
#mainmenu {
width:297px;
font-size:1.5em;
margin:0 0 0 457px;
padding:1px 1px 0 2px;
}
#mainmenu ul{
list-style:none;
margin:0;
padding:0;
}
#mainmenu li {
list-style:none;
border-bottom:1px solid #9FA19C;
}
#mainmenu li a {
font-weight:normal;
text-decoration:none;
color:#669900;
display:block;
height:1em;
padding:5px 0 2px 12px;
}
#mainmenu li a:hover {
color:#99cc00;
background:url(images/menuarrow.gif) center left no-repeat;
text-decoration:none;
}
#mainmenu li .current {
color:#505050;
background: url(images/menuarrow.gif) center left no-repeat;
}
#mainmenu li .current:hover {
color:#505050;
background: url(images/menuarrow.gif) center left no-repeat;
}
/******** leftside, left sidebar ********/
#leftside {
clear:both;
float:left;
/*width:140px;*/
width:190px;
margin-left:5px;
padding:5px 10px 5px 10px;
font-weight:normal;
}
#leftside h2{
margin:0px 0 8px 0;
font-size:10px;
/*color:#dc653b;*/
color:#fd4606
}
#leftside ul{
list-style:none;
margin:0;
font-size:1.1em;
padding:0 0 0 5px;;
}
#leftside li{
list-style:none;
margin:0 0 8px 0;
padding:0;
}
#leftside li a{
padding:3px;
color:#669900;
}
#leftside li a:hover{
padding:2px;
text-decoration:none;
border:1px solid #99cc00;
}
#leftside ul ul{
margin:7px 0 6px 10px;
font-size:0.9em;
line-height:1.1em;
padding:0;
}
#leftside ul ul li a{
font-weight:normal;
}
#leftside ul ul li a:hover{
padding:2px;
text-decoration:none;
border:1px solid #99cc00;
}
/******** Content variations ********/
#contentwide {
text-align:left;
/*margin:0px 0 0 170px;*/
margin:0px 0 0 220px;
padding:0;

}
#contentfull {
text-align:left;
margin:0;
padding:0;
}
#contentwide p,#contentfull p {
line-height:1.6em;
margin-right:25px;
}
#contentwide h2,#contentfull h2 {
font-size:1.6em;
margin:0;
text-align:left;
/*color:#dc653b;*/
color:#fd4606;
}
#contentwide h3,#contentfull h3 {
font-size:1.3em;
margin:10px 15px 8px 0px;
/*margin:0;
margin-bottom:10px;*/
line-height:150%;
/*color:#dc653b;*/
color:#fd4606;
}
#contentwide h4,#contentfull h4 {
font-size:1.1em;
margin:10px 0 8px;
/*margin:0;*/
line-height:150%;
/*color:#dc653b;*/
color:#fd4606;
}
#contentwide li,#contentfull li{margin-bottom:0px;margin-right:10px;}
/******** Footer ********/
#footer {
clear:both;
width:760px;
text-align:left;
color:#808080;
font-size:0.6em;
margin:25px auto 0 auto;
padding:4px 0;
}
#footer p {margin:3px 3px 3px 10px;}
#footer a {color:#505050; text-decoration:none;}
#footer a:hover, a:hover {text-decoration:underline;}
/******** Various classes ********/
.splitcontentleft {float:left; width:48%;}
.splitcontentright {float:right; width:46%;}
.important {
text-align:center;
color:#505050;
border:1px solid #bababa;
padding:2px;
}
.infobox{
width:240px;
float:right;
font-size:0.9em;
border:1px solid #bababa;
margin:0 0 5px 20px;
padding:5px;
}
.infobox p {margin:0;}
.infobox ul{margin:0 0 0 25px;}
.links a {font-weight:normal;}
.links li {line-height:1.1em;}
.left {float:left; margin:0 15px 4px 0;}
.right {float:right; margin:0 0 4px 15px;}
.textright {text-align:right;}
.readmore {text-align:right; margin:-10px 10px 18px 0;}
.center {text-align:center;}
.blue {color:#559900;}
.big {font-size:1.2em;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.clear {clear:both;}
.hide {display:none;}
.photo {
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}
#loignon1 {
  float:left;
	top:75px;
/*  margin:0px 0px 0px 200px;*/
/*	top:125px;*/
  padding:35px 10px 5px 10px;
}
#loignon1 li 
{
   display:inline;
   padding:0;
   margin:0;
}
#loignon1 a:link, #loignon1 a:visited 
{
/*   color:#000;*/
   color:#f8ac35;
/*   background:#b2b580;*/
   background:white;
   padding:5px 5px 4px 5px;
   float:left;
   width:auto;
/*   border-right:1px solid #42432d;*/
   border-right:1px solid orange;
   text-decoration:none;
   font:bold 1em/1em Arial, Helvetica, sans-serif;
   font-size:85%;
/*   text-transform:uppercase;*/
   text-shadow: 2px 2px 2px #555;
}
   #loignon1 li:first-child a 
{
/*   border-left:1px solid #42432d;*/
/*   border-left:1px solid orange;*/
}         
#loignon1 a:hover 
{
   color:#fff;
/*   background:#727454;*/
  background:gray;
}
#home #loignon1-home a, #about #loignon1-about a, #archive #loignon1-archive a, #lab #loignon1-lab a, 
#reviews #loignon1-reviews a, #contact #loignon1-contact a 
{
  background:#e35a00;
  color:#fff;
  text-shadow:none;
}
#home #loignon1-home a:hover, #about #loignon1-about a:hover, #archive #loignon1-archive a:hover, 
#lab #loignon1-lab a:hover, #reviews #loignon1-reviews a:hover, #contact #loignon1-contact a:hover 
{
  background:#e35a00;
}
#loignon1 a:active 
{
   background:#e35a00;
   color:#fff;
}
#loignon1 h3 {
  color: #808080;
  margin-left:40px;
  font-size:90%;
}

#logo {
float:left;
margin-left:5px;
width:150px;
}

#banniere {
background:#fcfdf9 url(http://www.infoll.net/qsestrie/assets/images/qs-bandeau-100.jpg) top center repeat-y;
/*margin:0px 0 0 170px;*/
margin:0px 0 0 220px;
padding:0;
height:172px;
width:590px;
}

#corps {
clear:both;
font-size:14px;
}
#barre {
clear:both;
width:100%;
height:35px;
padding-top:10px;
}

#rechercher {
float:left;
font-size:10px;
width:100%;
margin-bottom:10px;
margin-top:25px;
}

#rechercheGoogle {
float:right;
font-size:14px;
width:100%;
margin-bottom:10px;
margin-top:25px;
}


#icone {
margin-bottom:5px;
margin-top:5px;
font:bold;
float:left;
width:100%;
}

#agenda h2 {
color:orange;
font-size:10px;
text-align:left;
padding: 12,0,12px,0;
}

#national {

}
#national h2 {
color:orange;
font-size:10px;
text-align:left;
padding: 12,0,12px,0;
}
.menuprinc {
font-family: verdana, sans-serif; 
height:35px;
position:relative; 
top:15px;
left: 63px;
font-size:75%;
z-index:100;
text-align:left;
margin-top: 0;
}
#soiree{
background: #f96302;
color:white;
font-size:100%;
text-align:center;
font-weight:bold;
margin-bottom:10px;
}
#soiree h3{
margin-left: 5px;
margin-right: 5px;
margin-top: 0px;
font-size:125%;
}
#soiree h4{
font-size:120%;
margin-top:15px;
margin-bottom:10px;

}
.menuprinc ul {
padding:0; 
margin:0;
list-style-type: none;
}
.menuprinc ul li {
float:left;
position:relative;
}
.menuprinc ul li a, .menuprinc ul li a:visited {
/*display:block;*/
text-decoration:none; 
height:20px; 
/*color:#f8ac35;*/
/*color:#dc653b;*/
color:#fd4606;
/*font:bold;*/
font-weight:normal;
border-right:1px solid #f8ac35; 
padding:0px 3px 0px 3px;
margin-bottom:0px;
margin-top:0px;
margin-left: 0px;
}
* html .menuprinc ul li a, .menu ul li a:visited {
width:149px;
/*w\idth:139px;*/
}
.menuprinc ul li ul {
display: none;
}
table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* specific to non IE browsers */
.menuprinc ul li:hover a,
.menuprinc ul li a:hover {
color:#fff; 
/*background:#f8ac35;*/
background:black;
}

.menuprinc ul li:hover ul,
.menuprinc ul li a:hover ul {
display:block; 
position:absolute; 
/*top:2em;*/
margin-top:0px;
left:0; 
width:150px;
}
* html .menuprinc ul li a:hover ul {
margin-top:0;
/*marg\in-top:1px;*/
}

.menuprinc ul li:hover ul li ul,
.menuprinc ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}

.menuprinc ul li:hover ul li a,
.menuprinc ul li a:hover ul li a {
display:block; 
/*background:#faeec7;*/
/*background:#f8ac35;*/
background:white;
color:black;
/*height:25px;*/ 
/*line-height:1.em;*/
padding:0px 0px 0px 3px;
width:135px;
border-right:0px solid #f8ac35; 
}
* html .menuprinc ul li a:hover ul li a {
width:150px;
/*w\idth:129px;*/
}

.menuprinc ul li:hover ul li a.drop,
.menuprinc ul li a:hover ul li a.drop {
/*background:#c9c9a7 url(images/drop.gif) bottom right no-repeat;*/
}

.menuprinc ul li:hover ul li a:hover,
.menuprinc ul li a:hover ul li a:hover {
background:#c9c9a7;
color:#fff;
}

.menuprinc ul li:hover ul li:hover ul,
.menuprinc ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
left:150px; 
top:0;
width:250px;
}

.menuprinc ul li:hover ul li:hover ul.left,
.menuprinc ul li a:hover ul li a:hover ul.left {
left:-150px;
}
.menuprinc h3 {
  color: #808080;
  font-size:12px;
  font:bold;
  left:3px;
}






.menu {
font-family: verdana, sans-serif; 
height:35px;
position:relative; 
top:15px;
font-size:75%;
z-index:100;
text-align:left;
margin-top: 0;
}


.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
}
.menu ul li a, .menu ul li a:visited {
/*display:block;*/
text-decoration:none; 
height:20px; 
/*color:#f8ac35;*/
/*color:#dc653b;*/
color:#fd4606;
/*font:bold;*/
font-weight:normal;
border-right:1px solid #f8ac35; 
padding:0px 2px 0px 0px;
margin-bottom:0px;
margin-top:0px;
}
* html .menu ul li a, .menu ul li a:visited {
width:149px;
/*w\idth:139px;*/
}
.menu ul li ul {
display: none;
}
table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* specific to non IE browsers */
.menu ul li:hover a,
.menu ul li a:hover {
color:#fff; 
/*background:#f8ac35;*/
background:black;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
/*top:2em;*/
margin-top:0px;
left:0; 
width:150px;
}
* html .menu ul li a:hover ul {
margin-top:0;
/*marg\in-top:1px;*/
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
/*background:#faeec7;*/
/*background:#f8ac35;*/
background:#ecece4;
color:black;
/*height:25px;*/ 
/*line-height:1.em;*/
padding:0px 0px 0px 3px;
width:318px;
height: 20px;
border-right:0px solid #f8ac35; 
}
* html .menu ul li a:hover ul li a {
width:150px;
/*w\idth:129px;*/
}

.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
/*background:#c9c9a7 url(images/drop.gif) bottom right no-repeat;*/
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#c9c9a7;
color:#fff;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
left:150px; 
top:0;
width:250px;
}

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
left:-150px;
}
.menu h3 {
  color: #808080;
  font-size:12px;
  font:bold;
}
p.BasPhoto {
font-size:75%;
font-style: italic ;
}
p.DatePublication{font-size:75%;margin-top:15px;margin-bottom:0px;}