/* CSS Document */
.notes {
	display:none;
}

body {
	background: #FFFFFF url('/site_media/images/fond-body1.jpg') repeat-x left top;
	margin: 0px;
	font: 85%/130% Arial, Helvetica, sans-serif;
}
html {
	font: Arial, Helvetica, sans-serif;
}

a {
	text-decoration:underline;
	color: #21529B;
}

a:hover {
	text-decoration:none;
	color: #21529B;
}

a:visited {
	color: #868E9C;
}

img {
	border:none;
}


#conteneur-general {
	position:relative;
	left: 50%;
	width: 960px;
	margin-left: -480px;
}


#bandeau {
	background-color: #3d69a8;
	height:112px;
	display:block;
	background: url('/site_media/images/fond-bandeau3.jpg') no-repeat right 0px;
}
	 
#conteneur {
	margin:0 auto;
	width: 960px;
     }

/* 
---- Social Network
*/

div.socialtags{
	clear:both;
	padding-top:1em;
	}

.social_network a {
	text-decoration: none;
}

.social_network a:hover {
	text-decoration: none;
}

.social_network ul {
	text-align: right;
}

.social_network li {
	display: inline;
	margin-left: 8px;
}

.social_network img {
	border:0;
}

.social_network span {
	display:none;
}

/*----- Bandeau----*/

	
#logo {
	float: left;
	width: 220px;
	}
#logo img {
	border:0;
	margin:0;
	padding:0;
}



#languages {
	position: absolute;
	top: 8px;
	left: 950px;
	visibility: visible;
	}
#languages p{
	margin: 0px;
	line-height: 17px;
	font-weight: bold;
	padding: 0px 0px 8px;
	}
#languages img{
	vertical-align: middle;
	margin-right:5px;
	}
#languages a{
	color: #3d69a8;
	text-decoration: none;
	}
#languages a:hover{
	text-decoration: underline;
		color: #FFFFFF;

	}

	
/*----- menu----*/



#menu {
	clear:both;
	float:left;
	list-style-type:none;
	padding:0px;
	width:100%;

	margin: 0px;
}

#menu li {
display:inline;
}
#menu li a {
	border-right:1px solid #FFFFFF;
	color:#ffffff;
	display:block;
	float:left;
	padding:0px 13px;
	text-align:center;
	text-decoration:none;
	margin: 0px;
	line-height: 26px;

}
#menu li a:hover {
	background:#21529B;
}
#menu li#active a {
	background:#21529B;
  color: #A5B0C0;
}

/*
----- Sous-menu de la rubrique en cours
*/

#sousmenu {
	background-color:#21529B;
	clear:both;
	margin: 0px;
	padding: 3px 5px 0px;
	border-bottom: 1px solid #FFFFFF;
	font-size: 95%;
	line-height: 15px;
}

#sousmenu ul {
	padding:0;
	margin:0;
	padding-bottom:5px;

}

#sousmenu li {
	list-style:none;
	display:inline;
	margin-bottom:0;
	line-height: 24px;
	margin-left:3px;
}

#sousmenu a {
	color: #FFFFFF;
	
}

#sousmenu a:hover {
}

#sousmenu li#active a {
	color: #A5B0C0;
	text-decoration: none;
}

/*
----- Frise
*/

#frise {
	clear:both;
	height:30px;
	line-height: 30px;
	background-image: url('/site_media/images/frise1.png');
	background-repeat: no-repeat;
	background-position: left top;
}

/*Bloc contenu du forum*/
#contentForum{
clear: both;
width:100%;
}

#contentForum  h2 {
	font-size:120%;
	color:#868E9C;
	font-weight: normal;
	line-height:130%;
	padding-left:0px;
	padding-right:0px;
}

/* ----- Les colonnes */

#contenu {
	clear: both;
}

#gauche{
	float:left;
	width:200px;
	}
	
#texte {
	line-height: 140%;
	padding: 0px;
	float:left;
	margin-left:40px;
	width:700px;
}


/* ----- Mise en forme gauche */

.bloc{
	margin-bottom:10px;
	}

#gauche p {
	padding-left:10px;
	padding-right:10px;
	margin-top: 5px;
	margin-bottom:2px;
}

#gauche a {
	color:#66769B;
	text-decoration: none;
}
#gauche a:hover {
	color:#21529B;
	text-decoration: none;
}


#gauche ul {
	margin:0 0 5px 0px;
	padding:5px 0px;
	list-style-type: none;
}

#gauche li {
	list-style:none;
	color:#21529B;
	border-bottom: 1px solid #CCCCCC;
	padding: 2px 5px 4px;
}




#gauche h3 {
	font-size:110%;
	font-weight:normal;
	line-height:22px;
	margin:0pt;
	padding:0px 3px 0px 10px;
	color:#FFFFFF;
	background: #21529B;
}

/* ----- Mise en forme texte */

#outils{
	text-align:right;
	float: right;
	width: 200px;
	}



#texte h1 {
	font-size:150%;
	margin-top: 0px;
	line-height:130%;
	font-weight: normal;
	line-height:130%;
	padding: 0px;
	margin-bottom: 1.5em;
}

#texte h2 {
	font-size:120%;
	color:#868E9C;
	font-weight: normal;
	line-height:130%;
	padding-left:0px;
	padding-right:0px;
}

#texte h3  {
	font-size:120%;
	color:#868E9C;
	font-weight: normal;
	line-height:140%;
}

#texte ul {
	list-style:square;
}

#texte li  {
padding-bottom:3px;
}


.credits{
	text-align:right;
	}




#basdepage {
	clear:both;
	line-height: 28px;
	padding-right: 10px;
	padding-left: 10px;
	font-size:95%;
	margin-bottom: 10px;
	padding-top: 5px;
	border-top: 1px solid #A4BFDF;
}

#basdepage a {
	text-decoration:none;
}

#basdepage a:hover {
	text-decoration:underline;
}



/*FORMS-------------*/



/* fieldset , legend */
#form fieldset
{
	margin-bottom: 10px;
	padding-left:40px;
	border: #CCC 1px solid;
}

fieldset:hover
{
	background-color: #FFF;
}

fieldset legend
{
	padding: 0 10px;
	color: #999;
	font-size: 110%;
	background-color: #FFFFFF;
}

/* Label */
#form label
{
	display: block;
	margin-top: 5px;
	color: #666666;
	cursor:pointer;

}

#form label:hover
{
	color: #000000;
}

#form label.choice{
	display:inline;
	clear:left;
	}



/* Input */
#form input, #form select, #form textarea
{
	width: 70%;
	border: #CCC 1px solid;
	margin-bottom: 7px;
	margin-top:2px;
	padding:2px;
		font: 100%/130% Arial, Helvetica, sans-serif;

}

#form input:hover, #form select:hover, #form input:focus, #form select:focus
{
	border: #999 1px solid;
	background-color: #DDEEFF;
}

#form input[type="checkbox"], #form input[type="radio"]
{
	width: 20px;
	border:0;
}

/* button submit */
#form input[type="submit"], #form input[type="reset"]
{
	width: 20%;
	color: #296F8A;
	padding-top: 3px;
	padding-bottom: 3px;
	EXfont-size: 100%;
	border:1px solid #29738D;
	background-color: #C0D6E4;
	margin-top:10px;
}

#form input[type="submit"]:hover, #form input[type="reset"]:hover
{
	color: #000000;
	cursor: pointer;
	border:1px solid #25718A;
	background-color: #9FBDE1;
}

#form ul{
list-style:none;
}

.helptext{
font-style:italic;
font-size:85%;
display:block;
}

.formError{
font-style:italic;
font-size:85%;
display:block;
color:red;
}

#map {
		width: 700px; 
		height: 500px;
	}

/*Module Forum*/

#djangoForumBody {
    width: 90%;
    margin: 0 auto;
    text-align: left;
}

#djangoForumList,
#djangoForumThreadList,
#djangoForumThreadPosts {
    border-collapse: collapse;
    width: 100%;
}

#djangoForumList td,
#djangoForumThreadList td,
#djangoForumThreadPosts td {
    border: solid #777 1px;
    padding: 6px;
}

#djangoForumList .djangoForumListDetails {
    width: 70%;
}

#djangoForumList .djangoForumListDetails strong {
    font-size: 120%;
}

#djangoForumList .djangoForumListDetails .djangoForumStats {
    font-size: 80%;
}

.djangoForumListLastPost,
.djangoForumThreadLastPost {
    background-color: #ccc;
    border-bottom: solid #777 1px;
}

#djangoForumList th,
#djangoForumThreadList th,
#djangoForumThreadPosts th {
    background-color: #3d69a8;
    border: solid #777 1px;
    color: #fff;
    text-align: left;
    padding: 4px;
}

#djangoForumThreadPosts th {
    width: 20%;
}

#djangoForumBreadcrumbs {
    padding: 20px;
}

#djangoForumBody label {
    font-size: 110%;
    font-weight: bold;
    display: block;
    padding: 4px;
}

#djangoForumThreadPostDetail {
    width: 20%;
}
.djangoForumPagination {
    display: inline;
}


/*Bloc info sur la mise en forme du texte d'un article du wiki*/

#blocInfoWiki table{
border:3px solid #ccc;
width:95%;
margin-left:30px;
 border-collapse : collapse ;
}

#blocInfoWiki table td{
margin:0;
padding:2px;
border-bottom:1px solid #ccc;
text-align:left;
font-size:95%;
text-align:center;
}

.hidden{
	display:none;
}



/*Gestion css des messages de confirmation des actions de l'utilisateur*/

.success{
font-style:italic;
font-size:14px;
display:block;
color:green;
}

.error{
font-style:italic;
font-size:14px;
display:block;
color:red;
}


/*Infobulle de la carte googlemaps*/

		div.mapPopup{
			width: 450px; 
			height: auto;
			font-family:'trebuchet ms',arial;
		}
		
		div.mapPopup img{
		width:40px;
		height:30px;
		margin-right:10px;
		}
		
		div.mapPopup hr{
				border:1px solid #CCCCCC;
		}
		
		div.mapPopup p{
				margin:2px;
		}

		div.mapPopup table td{
			font-size:11px;
		}

		.textMapPopup{
			color:#21529B;
		}

		.mapPopupTitle{
					color:#21529B;
					text-align:left;
					margin:0;
					font-weight:bold;
		}
/*Liste des articles*/

#articles h1, #articles h3, #articles h4, #articles h5, #articles h6, #articles p, #articles strong, #articles em, #articles sup {
	padding:0;
	margin:0;
	font-size:100%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-indent: 0px;
	vertical-align: baseline;	
	}
#articles h2{
	border-top: 1px solid #C6C2BE;
	padding-top:0.5em;
}


/*Pagination Module Practical information*/


.pagination {
clear:both;
margin:20px 0;
text-align:center;
}
.pagination span.disabled {
background-color:#FFFFFF;
border:1px solid #DDDDDD;
color:#DDDDDD;
}
.pagination a, div.pagination span {
margin:0.2em;
padding:0.4em 0.6em;
border:1px solid #D1E8EF;
text-decoration:none;
}
.pagination span {
border:1px solid #DDDDDD;
color:#000000;
}
.pagination span.current {
background:none repeat scroll 0 0 #CCCCCC;
color:#000000;
font-weight:bold;
}
#texte.pagination a:hover, #texte div.pagination a:active{
background:none repeat scroll 0 0 #CCCCCC;
color:#000000;
text-decoration:none;
}