/* CSS Document */

body {
	font-size: 11px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color:#023863;
}
p{
	margin:0px;
	padding: 0px 0px 7px 0px;
	font-size:11px;
}

img{
border:0px none;
}

#contents{
	position:relative;
	width:991px;
	float:left;
	background-color: #CFCD2C;
	background-image:  url("images/fond_personnage.jpg");
	background-repeat: no-repeat;
}

#contents-ariane{
	display:none;
	position:relative;
	width:958px;
	height:30px;
	float:left;
	padding-right:33px;
	text-align:right;
	font-size:10px;
	padding-top:5px;
}
#contents-vide{
	position:relative;
	width:98px;
	float:left;
}

#contents-menu{
	display: none;

	position:relative;
	width:206px;
	float:left;
}

#contents-menu-top{
	display: none;

	position:relative;
	width:146px;
	background-color:#ffffff;
	float:left;
	text-align:right;
	padding-top:30px;
	padding-left:50px;
	padding-right:10px;
	padding-bottom:50px;
	background-image:  url("images/fond_pencarte.jpg");
	background-repeat: no-repeat;
}

#contents-menu-top-vide{
	display: none;

	position:relative;
	width:146px;
	float:left;
	text-align:right;
	padding-top:30px;
	padding-left:50px;
	padding-right:10px;
	padding-bottom:50px;
	background-repeat: no-repeat;
	height:120px;
	
}

#contents-menu-bottom{
	display: none;

	position:relative;
	float:left;
	width:206px;
}

#contents-textes{
	position:relative;
	width:685px;
	float:left;
	background-image:  url("images/fond_contenu.gif");
	background-repeat: repeat;
	padding-top:120px;
	padding-bottom:30px;
}
#contents-textes-col1{
	position:relative;
	float:left;
	width:545px;
	padding-left:0px;
	padding-right:0px;
	text-align:justify;
}

#contents-textes-col2{
	position:relative;
	float:left;
	width:545px;
	padding-left:0px;
	padding-right:0px;
	text-align:justify;

}
#contents-textes-menu-col2{
	display: none;

	position:relative;
	float:left;
	width:120px;
	padding-left:-25px;
	padding-right:25px;
	background-image: url(images/fond_ss_menu.gif);
	padding-top:35px;
}


/**********************************************/
/*				PLAN  DU SITE				  */
/**********************************************/


#plan{

   position:relative;
	float:left;
	width:545px;
	padding-left:70px;
	padding-right:70px;
}

#plan ul{
	margin:0 0 0 10px;
	color:#177877;
	font-weight:bold;
	padding:4px 0 0 0;
	list-style-image: none;
	list-style-type: none;
}

/*#plan ul li{
	padding-top:4px;
	_height: 18px;
	list-style-type: none;
	list-style-image: none;
}
*/
#plan ul ul {
	margin: 0 0 0 50px;
	color:#177877;
	font-weight:normal;
	padding: 0 0 0 0;
	list-style-image: url(images/puce.gif);
	list-style-type: none;
}
/*
#plan ul ul li{
	margin-left: 50px;
	font-weight:normal;
	vertical-align: text-top;
	padding: 10px 0 0 0;
	list-style-image: ;
}*/

#plan ul ul ul {
	margin: 0 0 0 30px;
	color:#177877;
	font-weight:normal;
	padding: 0 0 0 0;
	list-style-image: none;
	list-style-type: none;
}

/*#plan ul ul ul li{
	margin-left: 50px;
	font-weight:normal;
	list-style-image: none;
}*/

a:link, a:visited, a:active {
	color:#5087A5;
	font-weight:normal;
	text-decoration: none;
}

a:hover {
	color:#023863;
	font-weight:normal;
	text-decoration: none;
}
.lien,
a.lien:link,
a.lien:visited,
a.lien:active
{
	color:#023863;
	font-weight:bold;
	text-decoration:none;
}
a.lien:hover
{
	color:#023863;
	font-weight:bold;
	text-decoration:underline;
}

.lien-sitemap,
a.lien-sitemap:link,
a.lien-sitemap:visited,
a.lien-sitemap:active
{
	color:#023863;
	font-weight:bold;
	text-decoration:underline;
	
}
a.lien-sitemap:hover
{
	color:#023863;
	font-weight:bold;
	text-decoration:underline;
}

.lien-menu,
a.lien-menu:link,
a.lien-menu:visited,
a.lien-menu:active
{
	color: #023863;
	font-size: 11px;
	text-decoration:none;
	list-style-image: url(images/puce.gif);
	list-style-type: none;
}
a.lien-menu:hover
{
	color: #7EA5B5;
	font-size: 11px;
	text-decoration:none;
	list-style-image: url(images/puce.gif);
	list-style-type: none;
}

.lien-footer,
a.lien-footer:link,
a.lien-footer:visited,
a.lien-footer:active
{
	color: #023863;
	font-size: 10px;
	text-decoration:none;
}
a.lien-footer:hover
{
	color: #7EA5B5;
	font-size: 10px;
	text-decoration:none;
}



h1{
	font-size: 13px;
	text-decoration:none;
	font-weight:bold;
	
}

h2{
	font-size: 11px;
	text-decoration:none;
	font-weight:bold;
	color:#5087A5;
}



#printlogo {
	position: absolute;
	top:30px;
	left: 95px;
}


/**********************************************/
/*			DIV COMMUNES TOUTES PAGES		  */
/**********************************************/

.container {
	 position: relative;
	 width:1000px;
	 margin-left:auto;
	 margin-right:auto;
	 vertical-align: top;
	 background-color:#FFFFFF;
	}

#header-logo {
	display: none;
	position:relative;
	width:645px;
	height:86px;
	background-color:#F89500;
	float:left;
	background-image:  url("images/fond_logo.jpg");
	background-repeat: no-repeat;
}

#header-clictocontact {
 display: none;
	position:relative;
	width:355px;
	height:36px;
	float:left;
	background-image:  url("images/fond_clictocontact.gif");
	background-repeat: no-repeat;
	padding-top:50px;

}
#header-mainmenu {
 display: none;
	position:relative;
	width:1000px;
	height:35px;
	float:left;
	background-image:  url("images/fond_mainmenu.jpg");
	background-repeat: no-repeat;
}


#baseline{
   display: none;
	position:relative;
	float:left;
	width:991px;
	text-align:right;
	background-color:#CFCD2C;

}

#footer{
	position:relative;
	width:560px;
	padding-top:5px;
	padding-left:95px;
	float:left;
	border-top:0px solid #7EA5B5;
	text-align:left;
	background:#ffffff;
	font-size:10px;
}

/**********************************************/
/*				MENU VERTICAL - gauche		  */
/**********************************************/


#contents-menu-top ul{
	margin-bottom:0px;
	margin-top:0px;
	color:#023863;
	font-size:11px;
	margin-left:0px;
	padding:0px;
	list-style-image: none;
}

#contents-menu-top ul li{
	background-image: url(images/filet_menu.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	list-style: none;
	padding-top:4px;
	_height: 17px;
	list-style-image: none;
}


#contents-menu-top ul li.actif {
	color:#023863;
	font-weight:bold;
}



/**********************************************/
/*				SPECIFIQUE HOME				  */
/**********************************************/

#home-visu {
	display:none;
	position:relative;
	width:675px;
	float:left;
	background-image:  url(images/fond_personnage.jpg);
	height:215px;
	padding-top:30px;
	padding-left:325px;
}

#home-contents {
	position:relative;
	width:991px;
	float:left;
	background-color:#CFCD2C;
	padding-bottom:5px;
}
#home-contents-1 {
	position:relative;
	width:700px;
	float:left;
	text-align:left;
	padding-right:30px;
	padding-top:90px;
	padding-left:100px

}
#home-contents-2 {
	position:relative;
	width:150px;
	float:none;
	padding-right:20px;
	padding-top:10px;
	padding-left:100px
}
#home-contents-3 {
	position:relative;
	width:305px;
	float:left;
	padding-top:10px;
	padding-left:100px
}
#actu{
	position:relative;
	width:300px;
	float:left;
	height:40px;
	padding-bottom:15px;
}
.actu-defilante {
		position: relative;
		text-align: justify;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 1.3em;
		/*border: 1px solid #FF0000;*/
	}
#actus-defilantes {
		width: 260px;
		height:40px;
		position: absolute;
		left: 0px;
		top: 0px;
		/*border: 1px solid #00FF00;*/
		OVERFLOW: hidden;
	}
.actualitesSuite {
		color:#FF3333;
		padding-bottom: 15px;
		margin-top : 125px;
		margin-left: 120px;
}

/**********************************************/
/*				FORMULAIRES	 				  */
/**********************************************/

INPUT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #7EA5B5;
	color: #023863;
	background-color:#FFFFFF;
}

TEXTAREA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #7EA5B5;
	color: #023863;
	background-color:#FFFFFF;

}
SELECT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #CACBCB;
	color: #177877;
	background-color:#FFFFFF;
	text-indent:3px;
}

/**********************************************/
/*				STYLES TXT & LIENS 			  */
/**********************************************/

ul{
	margin-left:30px;
	margin-top:0px;
	margin-bottom:10px;
	margin-right:0px;
	padding:0px;
	list-style-type: none;
	list-style-image: none;
	list-style-image: url(images/puce.gif);
}

/*
li {
	list-style-type: none;
	margin-left:30px;
	
}
*/
.input-clictocontact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #FFFFFF;
	color: #023863;
	background-color:#F7A832;
}
.ok-clictocontact {
	border: 0px solid #FFFFFF;
}

/**********************************************/
/*					TABLEAU					  */
/**********************************************/


table
{
border-top:0px solid #E9E9EB;
border-left:0px solid #E9E9EB;
text-align:left;
}

.actif
{
text-decoration: none;
color:#023863;
font-weight:bold;
list-style-image: url(images/puce.gif);
list-style-type: none;
}

.border-connexion{
	border: 1px solid #D0E3EA;
	vertical-align:middle;
	background-image: url(images/fond_connexion.jpg);
	background-repeat: no-repeat;
	height:150px;
}



.border{
	border: 1px solid #7EA5B5;
	padding:10px;
	font-size:10px;
}
.border-portrait{
	border: 1px solid #7EA5B5;
}

.texte-bleu-gras-encadre{
	font-size: 11px;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#639EBF;
	border: 1px solid #639EBF;
	padding-left:10px;	
	padding-right:10px;	
}
.texte-bleu-gras{
	font-size: 11px;
	text-decoration:none;
	font-weight:bold;
	color:#5087A5;
}

.texte-orange-gras-encadre{
	font-size: 14px;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	border: 1px solid #F89500;
	background-color:#F89500;
	padding-left:10px;	
	padding-right:10px;	

}
.texte-orange-gras{
	font-size: 11px;
	text-decoration:none;
	font-weight:bold;
	color:#F89500;
}
.texte-blanc-gras{
	font-size: 11px;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}

.border-tableau{
	border-bottom: 1px solid #7EA5B5;
	padding:10px;
	vertical-align:top;
}

.form {

}

.cell-tableau{
	border-bottom: 1px solid #639EBF;
	vertical-align:top;
	background-color:#639EBF;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:5px;
}
.border-tableau2{
	border-bottom: 1px solid #639EBF;
	vertical-align:top;
	padding:5px;
}
.border-zero{
	border-bottom: 1px solid #FFFFFF;
}