/* ===== Sommaire =====
1/ html et body
2/ Styles généraux
3/ Haut de page (#top)
4/ Zone de contenu (#content)
5/ Paneau latéral (#sidebar) 
6/ Pied de page (#footer)
=================== */



/* ---------------------
Html et body
--------------------- */
body {
	background: #CCC;
	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #666666; 
	text-align: center;
	margin: 15px 0;
}
/* links */
a, a:visited {	
	color: #5A93C9;
	background: inherit;
	text-decoration: none;
}
a:hover {
	color: #88ac0b;
	background: inherit;
	text-decoration: underline;
}
#flash {
  position:absolute;
	margin : 0 auto; padding : 0;
	width: 800px;
	height: 600px;

}
#txtHint
{ 
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-size: 11px; 
	color: #666666;
	width:300;
		padding:10px 10px 10px 10px;
}

/* ---------------------
Styles généraux
--------------------- */
/* headers */
h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-weight: Bold; 		
}
h1 {
	font-size: 14px;	
	font-weight: normal;
}
h2 {
font-weight: normal;
font-size: 16px;
color: #74b320;
text-transform: uppercase;
}
h3 {
font-weight: normal;
font-size: 12px;
color: #74b320;
}

h4 {
font-weight: normal;
 	color: #B0167D;
 font: 14px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;

}

p {
	padding: 10px;		
	margin: 0;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}
p {margin : 0; padding : 3px 0;}
hr {clear : both; visibility : hidden; margin : 0; padding : 0;}

img.avatar
{
float:left;
border:1px solid #ccc;
margin-right : 10px;
}

/* ---------------------
Haut de page (#top)
--------------------- */
#wrap {
	position: relative;
	width: 820px;
	background: #CCC url(img/content.jpg) repeat-y center top;
	margin: 0 auto;
	text-align: left;
}

#top-bg {
   position: absolute;
	width: 820px;
	height: 19px;
	background: #CCC url(img/top-bg.jpg) center top;	
	top: 0; left: 0;
	z-index: 2;	
}
#top h1{ /* titre et sous-titre du site */
	position : relative;
	top : 44px;
	left : 20px;
	margin : 0; padding : 0;
	font-weight : normal;
	letter-spacing : 1px;
	font-size : 1.3em;
	color : #bbb;
	}

#top h1 a { /* lien du titre */
	text-decoration : none;
	color : #bbb;
	}
#top h1 a:hover {
	color : #eee;
	}

#header {
	width: 820px;
	position: relative;
	height: 19px;
	background: #CCC ;
	padding: 0;	
	color: #FFF;	
}
#wrapper {
z-index:-2;
 width: 1020px;
 margin: 0px auto;
 padding: 0px;
 border:1px solid #CCCCCC;
 color: #333333;
 font: 1.0em/150% 'Trebuchet MS', sans-serif;
 /* background: url(images/bg.jpg) repeat-y;*/
}
#haut {
top:0px;
z-index:1;
 width: 1020px;

text-align:left;
 margin: 0 0 0 0;
 color: #333333;
 font: 1.0em/150% 'Trebuchet MS', sans-serif;
background: url(images/haut2.gif) no-repeat;
}


/* header-photo */
#header-photo {
	clear: both;
	width: 790px;
	margin: 0px 15px 0px auto;
}
#logo {
	z-index:12;
	position: absolute;
margin-top:10px;
margin-left:630px;
	height: 77px;
	width: 167px;
	background: url(../images/logocg.jpg) no-repeat center center;
}
#footer {
		background: #CCC url(img/footer.jpg) repeat-y center top;
		}
#titre {
	z-index:13;
margin-bottom:0px;
margin-left:30px;
	width: 600px;
font: bold 18px/2.8em "Helvetica", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
color: #005397 ;
	text-transform: uppercase;
		font-weight : bold;

}
#carte {
	width: 790px;	
	margin: 0 0 0 15px;
	padding: 0;	
	background: #CCC url(img/content.jpg) repeat-y center top;
}
/* --------------------- 
Zone de contenu (#content)  
--------------------- */
#content { /* Bloc */
	float : right;
	width : 485px;
	margin : 100px 0 0 0;
	padding : 0 50px 0 0; margin : 14px 0 0 0;
	}

.post { /* Conteneur de l'article */
	padding : 0 20px 35px 25px;
	}
#articletitle2 h2 { /* Titre de l'article */
width: 100%;
line-height:25px;
font-weight: bold;
margin-left:0px;
font-size: 16px;
padding-top:20px;
padding-left:25px;
font-family: Helvetica, Arial, sans-serif;
text-transform: uppercase;
border-top: 1px dotted #00B3F3;
color: #B0167D;
padding-bottom:10px;
margin-bottom: 0px;

	}

.articletitle { /* Titre de l'article */
width: 100%;
line-height:25px;
font-weight: bold;
margin-left:0px;
font-size: 18px;
padding-top:30px;
padding-left:35px;
font-family: Helvetica, Arial, sans-serif;
text-transform: uppercase;
border-top: 1px dotted #00B3F3;
color: #B0167D;
padding-bottom:10px;
margin-bottom: 10px;
background: url(images/titregdinterne.gif) 0px 0px no-repeat ;
	}
.articletitle a{ /* Lien sur le titre de l'article */
color: #B0167D;
	text-decoration : none;
	}
.articletitle a:hover{
	color : #7B9CB2;
	}

.post-info { /* Informations de l'article (auteur, date etc...) */
	color : #aaa;
	margin : 0; padding :0 8px 0 0;
	text-align : right;
	}
.post-info-art {
	color : #3F5776;
	margin : 0; padding :0 8px 0 0;
	}
.post-info a{
	color : #aaa;
	}
.post-info-art a{
	color : #3F5776;
	}
.post-info a:hover {
	color : #888;
	}

#pagination { /* Conteneur des liens 'page suivante' et 'page précédente' */
	margin-top : 10px;
	text-align : center;
	}
.post, #comments, #form { /* Conteneur de l'article */
	padding : 0 0 25px 30px;
	}

#perturbation {
	margin : 5px 10px 10px 10px;
	}
#perturbation div {
	margin : 0 0 0 0;
	}
#perturbation h2 { /* Titre des menus de la sidebar */
	color : #005397;
	font-size : 1.3em;
	margin : 0; padding : 10px 0 0 0px;
	font-weight : bold;
	}
/* --------------------- 
Paneau latéral (#sidebar)  
--------------------- */
#sidebar {
	float : left;
	width : 220px;
	margin : 30px 0 0 15px;
	}
#sidebar div {
	margin : 8px 0 0 0;
	}
#sidebar h2 { /* Titre des menus de la sidebar */
	color : #666;
	font-size : 1.3em;
	margin : 0; padding : 3px 0 0 5px;
	font-weight : bold;
	}
#sidebar ul { /* bloc de liste */
	margin : 0 0 0 5px; padding : 6px 0;
	}

#sidebar li { /* élément de liste */
list-style-type:square;    
	margin-left:15px;
	padding: 1px 0 2px 0px;
	border-bottom : 1px solid #ccc;
	}
#sidebar li a { /* Liens dans les listes */
color: #005397 ;
	text-decoration : none;
	}
#sidebar li a:hover {
	color : #7B9CB2;
	}
/* Navigation */
#menu {
margin-top: -3px;
   margin-left: 0px;
   margin-right:0px;
   padding-left: 0px;
   background-color:#043883;
   border-bottom: 5px solid #009de0;
   height:20px;
}



#menu ul{
    display:inline;
    width:auto;
  margin:0;
    padding:0;
	height:41px;

    }
    
#menu li ul{
    visibility:hidden;
	    position:absolute;
		z-index:10000;
    }

#menu li{
    list-style:none;
    width:auto;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
				
    }
   #menu li a{
font-weight:normal;
    } 
#menu li li{
    display:block;
    float:left;
	
    }
    
/* correct a little IE bug */
* html #menu li li{
    display:inline;
    }

#menu a{
   font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
   text-decoration:none;
   font-size: 11px;
   text-transform:uppercase;
   font-weight:normal;
   color:#FFFFFF;
   white-space:nowrap;
   line-height: 20px;
   border-right: 1px solid #375178;
   display: block;
   height: 20px;
   width:auto;
margin-left:0px;
padding-left:8px;
padding-right:8px;
	padding-top: 0px;
    }
	#menu li li a{
    text-align:left;
	font-weight:normal;
	background: #F7F3D5 url();
	    border-left:1px solid #C7CCB3;
    border-right:1px solid #C7CCB3;
	border-bottom:1px solid #C7CCB3;
			font: normal 11px/2.8em "Helvetica", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
    color:#000;
    width:190px;
    text-decoration:none;
    padding:5px 5px 5px 5px;
    margin:0;
	opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85;
    }
    
#menu a:hover{
 	color: #FFFFFF;
	background: #009de0;
	text-decoration: none;
    }
#menu a:active{
 	color: #FFFFFF;
	background: #009de0;
	text-decoration: none;
    }
/* for a mozilla better display with key nav */
#menu a:focus{
	background: #009de0;
}


#nav {
	clear: both;	
	padding: 0;		
}
#nav ul {
	float: left;
	list-style: none;
	background: url(img/nav.jpg) repeat-x;	
	width: 790px;	
	text-transform: uppercase;
	margin: 0 0 0 15px;
	padding: 0;	
	display: inline;
color: #005397 ;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 9px;
	border-right: 1px solid #899D00;
	border-left: 1px solid #A7D101;
	border-bottom: none;
	color: #FFF;
	font: bold 10px/2.8em "Helvetica", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
}
#nav ul li a:hover, 
#nav ul li a:active {
	background: url(img/nav-hover.jpg) repeat-x;	
}
#nav ul li a.current {	
	background: url(img/nav-current.jpg) repeat-x;	
}

/* Main Column */
#main {
	float: left;
	width: 100%;
	padding: 30px 0 0 0; margin: 0 0 0 0;
	display: inline;
		background: #CCC url(img/content.jpg) repeat-y center top;
}
#main h1 {
	margin-top: 0px;
	font: normal 1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #8C9F0D; 
	padding: 0 0 0 0; 		
}
#main ul li {
	list-style-image: url(images/bullet.gif);
}
#logo {
	z-index:12;
	position: absolute;
margin-top:10px;
margin-left:618px;
	height: 77px;
	width: 167px;
	background: url(img/logocg.jpg) no-repeat center center;
}
/* footer */
#footer-wrap {

	clear: both;
	width: 820px;
	font-size: 90%;	
	text-align: left;
	background: url(img/footer-bottom.jpg) no-repeat center bottom;	
	
}
#footer-wrap a {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}


/* bottom */
#footer-bottom {
	clear: both;
	color: #666;	
	margin: 0 auto; 
	width: 820px;
	padding: 10px 0;
	text-align: center;
	
}