/******************************************************************************
/                                                                             /
/                       wWWWW     wMMMM     mMMMM                             /
/              WWWWW   wwwWWWW   wwwMMMM   mmmMMMM                            /
/                WWWWwwww  WWWWwwww  MMMMMmmm  MMMM                           /
/                 WWWWww    WWWWww    MMMMmm    MMMMM                         /
/                  WWWw      WWWw      MMMm                                   /
/                                                                             /
/                       http://www.webmister.fr                               /
/                                                                             /
/                                                                             /
/                                                                             /
/  Copyright 2007 by Lilian Thomas.                                           /
/  Visit http://www.webmister.fr                                              /
/  Last update: 2007, by Lilian THOMAS 4 webmister.fr.                        /
/                                                                             /
/  Copyright include basic HTML tags, PHP, JavaScript & CSS scrpit            /
/  including links and images.                                                / 
/                                                                             /
******************************************************************************/

body,
html{
	margin:0;
	padding:0;
}
body {
	min-width:720px; /* Prevent content from becoming unreachable in Gecko */
}
/* position:absolute for all browsers - the whole page scrolls */
div#headerwrap {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:45px;
}
/* position:fixed for modern browsers - header and footer do not scroll */
body>div#headerwrap {
	position:fixed;
}
div#header {
	height:45px;
	width:70%;
	margin:0 auto;
	min-width:700px;

}

div#header ul li{
position:relative;
float:left;
cursor:pointer;
display:block;
height:22px;
font-size:14px;
font-weight:bold;
}
/*carre deroulant sous un sous-menu niveau 1*/
div#header ul li ul {

display:none;
position:absolute;
top:20px;
left:-40px;
}
div#header ul li ul li {
padding:0px;
width:155px;
height:100%;
} 
div#header ul li ul li a {
letter-spacing:0.4px;
padding:2px 5px;
font-size:12px;
font-weight:normal;
display:block;
height:100%;
border-top:1px solid #dddddd;

}
/*au passage de la souris on inverse les couleurs de la case*/
div#header ul li ul li a:hover ,div#header ul li ul li ul li a:hover{
color:#333;
background:#999;
}
/*decalage des sous-menu niveau 2 vers la droite*/
div#header ul li ul li ul {
top:0px;
left:114px;
}
/*decalage du sous-menu niveau 2 le plus a droite vers la gauche !! ;o)*/
div#header ul li ul li ul.dernier {
left:-127px;
}
/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
/* set left margin and bottom padding for IE5/Win */
	padding:45px 0 0 0;
	margin-left:0;
/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left:16px;
	padding-bottom:45px;
	height:100%;
}
/* set left margin for modern browsers */
body>div#middlewrap { 
	margin-left:0;
}
div#middle {
    border-style:solid 1px;
	border-color:#A58753;
	width:69%;
	min-width:690px;
	margin:0 auto;
	display:block;
    height:100%;
	background:#FFF;
}
div#content,div#sidebar,div#middle {
  padding-bottom:0px;
  } 
div#sidebar {
	width:220px;
	float:right;
	height:630px;
	border-top:solid 1px #CCC;
	background:#eee;
}
div#content {
    padding:2px 0px;
    background:#fff;
	margin-right:220px;
	height:610px;
	border-top:solid 1px #CCC;
	border-right:solid 1px #CCC;
}
div#content p{padding:5px 10px;}
div#content div.nav { display:block; height:13px;}
div#content div.nav a.glink{
font-size:11px;border-bottom:1px solid #CCC;}
/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap {
	width:100%;
	position:absolute;
	bottom:-1px;
	left:0;
	height:45px;
	margin:0px;
}
body>div#footerwrap {
	position:fixed;
}
div#footer {
	height:45px;
	width:70%;
	min-width:700px;
	margin:0 auto;
	background-image: url("glbnav_background.gif");
}

/* Styling rules to make this demo page look nice. */
a:link, a:visited{
	color: #DE702D;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}
font{ 
font-family:inherit;
font-size:inherit;
}
body,
html{
	font-family: Verdana,sans-serif;
	font-size:11px;
	color:#333333;
	background-image:url("fond-col.gif");
	background-attachment:fixed;
}
div#footer {
	background-image: url("glbnav_background.gif");
}


#globalNav{
padding-top:10px;
display:block;
height: 35px;
background-image: url("glbnav_background.gif");
text-align:center;
}

li a , a.glink, a.glink:visited{
  	font-size: 13px;
  	color: #DE702D;
	font-weight: bold;
	margin: 0px;
	padding: 2px 12px 4px 12px;
	border-right: 1px solid #CCC;
	border-left: 1px solid #999;
    background-image: url("glbnav_background.gif");
}
a.last, a.last:visited{
	border: 0;
}

a.glink:hover{
  	background-image:  url("glblnav_selected.gif");
	text-decoration: none;
}
#flash{
width: 100%;
height:200px;
display:block;
padding:15px 0;
background:#FFF;}
.chemin{padding:3px 10px;
border-top:1px solid #CCC;}
/*/////////*/
.relatedLinks{
	margin: 0px;
	padding: 10px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}
#advert{
	padding: 10px;
}

#advert img{
	display: block;
}
/*////////*/
h1,
h2 {
	padding:0;
	margin:0;
}
div#sidebar h2 {
	padding-left:5px;
}
div#footer h2 {
	text-align:center;
	padding:0;
	margin:0;
}
div #footer p {
	margin:0;
	padding:0;
	text-align:center;
}
div#footer a {
	color:#999999;
}

/* ARRONDI */

b.rbottom{display:block;background: #A58753;}
b.rtop{display:block;background: #A58753;}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background:#EAEBEA;}
b.r1{margin: 0 5px;}
b.r2{margin: 0 3px;}
b.r3{margin: 0 2px;}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px;}

/* FOOTER STYLE */
#siteInfo{
	width:100%;
	background-repeat:repeat-x;
	font-size: small;
	margin:0px auto;
	padding: 0px;

}
#siteInfo a{
	color: #333;
}
#siteInfo a.wm{
	color: #666;
}
#siteInfo span{
height:20px;
}
#siteInfo a img{
height:20px;
border:0px;
padding-right:5px;
}

span.right{float:right;
padding-right:75px;}

/********************* form **********************/
#form{font-size:13px;
padding:10px;
height:300px;
}
#confirmation{
font-size:13px;
font-weight:bold;
padding:10px;
height:500px;
}
#form form ul{
margin: 0px;
padding: 0px;
float:left;
list-style:none;
width:25%;
display:block;
}

#form form ul li{height:35px;

}
div#valide{
padding-top:20px;
*clear:both;
float:left;!important
}
#form form ul input{
width:90%;
}
#form form ul textarea{width:90%;
height:85px;
}
/********************* end **********************/