@charset "utf-8";
/* CSS Document */

/**********************************************/
/*                   Init                     */
/**********************************************/
*{
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	outline: none;
	}

html, body{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#395578;
		}

.center{
	width:980px;
	margin:0 auto;
	}

.floatL {
	float:left;
	margin-bottom:20px;
	}

.italic {
	font-style:italic;
	}

.bold {
	font-weight:bold;
	}

h1 {
	font-family:"Century Gothic", Verdana;
	width:100%;
	font-weight:600;
	height:43px;
	line-height:43px;
	padding-left:25px;
	display:block;
	font-size:24px;
	background:url(../images/bck_titre.jpg) left top repeat-y;
	color:#798da3;
	margin-bottom:40px;
	}

p {
	margin-top:	10px;
	margin-bottom:10px;
	text-align: justify;
	}

p a {
	color:#395578;
/*	font-weight:bold;*/
	}


/**********************************************/
/*                   Header                   */
/**********************************************/
#header{
	background:url(../images/bck_header.jpg) center top repeat-x;
	position:relative;
	top:0;
	left:0;
	}

	#ban_head{
		background:url(../images/header2.jpg) left top no-repeat;
		width:980px;
		height:182px;
		margin:0 auto;
		position:relative;
		top:0;
		left:0;
		}

		#menuMain {
			position:absolute;
			bottom:17px;
			margin-left:11px;
		}

		/*#header ul li{
			list-style-type:none;
			float:left;
			margin-right:24px;
			}

			#header a, #header a:visited{
				color:#395578;
				font-weight:600;
				font-size:12px;
				}

			#header a:hover {
				color:#5c88bf;
				}
*/
	.lang {
		position:absolute;
		right:35px;
		top:137px;
		}

		#header .lang a {
			font-size:10px;
			color:#395578;
			background:url(../images/en.jpg) left top no-repeat;
			padding-left:40px;
			height:17px;
			line-height:17px;
			display:block;
			}

		#header .lang a:hover {
			color:#5c88bf;
			background-position:left bottom;
			}
		#header .lang#english a{background-image:url(../images/en.jpg);}
		#header .lang#french a{background-image:url(../images/fr.jpg);}


/**********************************************/
/*                  Middle                    */
/**********************************************/
#content{
	background:url(../images/bck_mid.jpg) center top repeat-x #b6cae0;
	}


	#bckConte {
		background-color:#FFFFFF;
		float:left;
		margin-top:27px;
		padding-bottom:15px;
		}


	#cont_left {
		width:714px;
		min-height:830px;
		background-color:#fff;
		float:left;
		padding-left:10px;
		padding-top:20px;
		}

		#cont_left div.content ul {
			list-style-position: inside;
			list-style-type: square;
			margin-left: 20px;
		
		}
			#cont_left div.content ul li:first-letter{
				text-transform: uppercase;
			}
			#cont_left div.content ul li {
				text-align: left;
				line-height: 30px;
				}
	
			#cont_left div.content ul li ul li {
				list-style-type:disc;
				}
	
	#cont_left div.content a{
		color : #FF7903;
		text-decoration: underline;	
	}
	
	#cont_left div.content {
		line-height: 23px;
		padding-right: 10px;
	}
	
	#cont_right {
		width:236px;
		min-height:770px;
		
		float:left;
		padding-top:20px;
		position:relative;
		left:0;
		top:0;
			
			 
	
			
		}

		#ombre_left {
			background:url(../images/ombre_left.jpg) left top no-repeat;
			float:left;
			width:10px;
			height:807px;
			margin-top:27px;
			}

		#ombre_right {
			background:url(../images/ombre_right.jpg) left top no-repeat;
			float:left;
			width:10px;
			height:807px;
			margin-top:27px;
			}

			.blocAcc {
				width:414px;
				height:210px;
				float:left;
				padding-left:10px;
				text-align:justify;
				color:#385477;
				font-size:17px;
				margin-bottom:20px;
				position:relative;
				left:0;
				top:0;
				}

					.blocLien1 {
						width:380px;
						height:35px;
						padding-left:36px;
						background:url(../images/bLien1.jpg) left top no-repeat;
						position:absolute;
						bottom:0;
						left:10px;
						line-height:35px;
						font-size:18px;
						color:#8594a7;
						text-align:justify;
						float:left;
						}

							.blocLien1 a, .blocLien1:visited, .blocLien2 a, .blocLien2:visited, .blocLien3 a, .blocLien3:visited, .blocLien4 a, .blocLien4:visited {
								color:#8594a7;
								}

							.blocLien1 a:hover, .blocLien2 a:hover, .blocLien3 a:hover, .blocLien4 a:hover {
								color:#5c88bf;
								}

					.blocLien2 {
						width:375px;
						height:46px;
						padding-left:36px;
						background:url(../images/bLien2.jpg) left top no-repeat;
						position:absolute;
						bottom:0;
						left:10px;
						font-size:12px;
						line-height:20px;
						padding-top:5px;
						padding-right:5px;
						font-weight:bold;
						color:#8594a7;
						}

					.blocLien3 {
						width:250px;
						height:35px;
						padding-left:36px;
						background:url(../images/bLien3.jpg) left top no-repeat;
						line-height:35px;
						font-size:18px;
						color:#8594a7;
						text-align:justify;
						float:right;
						margin-bottom:15px;
						}

					.blocLien4 {
						width:200px;
						height:35px;
						padding-left:36px;
						background:url(../images/bLien4.jpg) left top no-repeat;
						line-height:35px;
						font-size:18px;
						color:#8594a7;
						text-align:justify;
						float:right;
						margin-bottom:15px;
						}

			.blocArticle {
				width:205px;
				margin-left:15px;
				margin-bottom:35px;
				color:#385477;
				}

					.nameArt {
						font-style:italic;
						font-size:18px;
						color:#385477;
						}

					.fonctionArt {
						font-weight:bold;
						font-size:15px;
						color:#385477;
						}

					.livreArt {
						font-style:italic;
						font-size:14px;
						color:#385477;
						}

					#giri {
						height:60px;
						width:193px;
						display:block;
						background:url(../images/giri.png) center top no-repeat;
						/*position:absolute;
						top:708px;
						left:22px;*/
						}

	.bann_head {
		margin-bottom:20px;
		}

	.heure_programme {
		font-weight:bold;
		font-size:18px;
		color:#FF7802;
		}

	.cadre {
	border:1px solid #FF7802;
	padding:10px;
	margin-bottom:30px;
	}

	#cont_left .liDef li{
		list-style-type:disc;
		}

	.liDef {
		margin-bottom:30px;
		}

	#cont_left .liDef2 li ul li {
		list-style-type:none;
		}

	#cont_left .liDef2 li ul{
			margin-bottom:35px;
		}

	.separator {
		border-top: 3px dashed #FF7802;
		width:350px;
		margin:40px auto 30px auto;
		}

	.orange {
		color:#FF7802;
		}

	.image {
		margin:20px 0;
		}

	.baseL {
		font-size:12px;
		font-style:italic;
		float:right;
		margin-top:10px;
		}

	.orangeLien a:hover{
	color:#FF7802;
	}

/**********************************************/
/*                   Bottom                   */
/**********************************************/
#footer{
	background:url(../images/bck_bot.jpg) center top repeat-x;
	height:184px;
	padding-top:0px;
	}

	#footer_left {
		text-align:left;
		width:950px;
		height:158px;
		background:url(../images/footer_left.jpg) repeat-x scroll left top ;
/*		margin-top:5px;*/
/*		float:left;*/
		padding-left:10px;
		padding-top:10px;
		color:#23354b;
		font-size:15px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}

		#footer_left a, #footer_left a:visited, #footer_right a, #footer_right a:visited {
			color:#23354b;
			font-weight:bold;
			}

		#footer_left a:hover, #footer_right a:hover {
			color:#fff;
			}

		#cont_left p:first-child{
				margin-top: 0px;
		}
		
		#cont_left p:first-child:first-letter{
				text-transform:uppercase;
				font-weight:bold;
				font-size:18px;
		}
		
		

	#footer_right {
		width:281px;
		height:158px;
		background:url(../images/footer_right.jpg) left top no-repeat;
		margin-top:27px;
		float:left;
		padding-left:10px;
		padding-top:10px;
		color:#23354b;
		font-size:15px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}

		#bckField {
			margin-top:10px;
			height:23px;
			width:238px;
			background:url(../images/bck_field.jpg) left top repeat-x;
			float:left;
			font-size:18px;
			}

		#send {
			width:23px;
			height:23px;
			line-height:23px;
			margin-top:10px;
			float:left;
			}
/* ajout Ben */
fieldset {
	background-color:#355274;
	color:#fff;
	padding:2px;
	margin:10px;
	padding:10px;
}
fieldset dl{
	clear:left;
	line-height:30px;
}
fieldset dt{float:left;width:250px;}
fieldset dd{
	margin-left:260px;
	line-height:30px;
	vertical-align:top
}
fieldset dd *{vertical-align:top}
fieldset input,fieldset select {border:1px solid #ddd;color:#355274;}
.button {
	background-color:#355274;
	padding:2px 5px;
	cursor:pointer;
	color:#fff;
}
.button:hover {
	background-color:#fff;
	color:#355274;
	border:1px solid #355274;
}

a.button,
form#FormNewsletterInscription button, form#FormNewsletterInscription input[type="submit"], form#FormNewsletterInscription input.button,
form#FormContact button, form#FormContact input[type="submit"], form#FormContact input.button{
	
	-moz-border-radius: 5px;
    -webkit-border-radius:5px;
    border-radius:5px;

    background-image: -moz-linear-gradient(100% 100% 90deg, #ffaf77, #b8662c);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffaf77), to(#b8662c));

    -moz-box-shadow: 0 0 10px rgba(17, 54, 65, 0.6);
    -webkit-box-shadow: 0 0 10px rgba(17, 54, 65, 0.6);
    box-shadow:0 0 10px rgba(17, 54, 65, 0.6);

    background-color : #ff7903;
	
    color: #FFF;
    height:25px;
    line-height:25px;

    padding: 5px 15px;

    font-size:12px;
    font-weight:bold;

    text-align:center;
    text-decoration:none;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4);
    text-transform:uppercase;
	
}

a.button:hover,
form#FormNewsletterInscription button:hover, form#FormNewsletterInscription input[type="submit"]:hover, form#FormNewsletterInscription input.button:hover,
form#FormContact button:hover, form#FormContact input[type="submit"]:hover, form#FormContact input.button:hover{
	border: none;
	background-color : #ff7903;
	color: #FFEEE0;
}



/**************************************
 # Liste des items 
****************************************/

dl.listItems{
	padding: 10px;
	border-bottom: 1px solid #DCDCDC;
	position: relative;
	clear: both;
	min-height: 120px;
}
dl.listItems:hover{
	background-color: #ffdfc8;
	cursor: default;
}

dl.listItems img{
	float: left;
	background-color: #EEE;
	border: 1px solid #CCC;
	padding: 2px;
}

dl.listItems dt{
	padding:0px;
	margin-left: 195px;
	margin-right: 10px;
	font-size: 18px;
}
dl.listItems dt a{
	color: #385477;
	font-weight: bold;
}
dl.listItems dt a:hover{
	text-decoration: underline;
	
}

dl.listItems dt span{
	font-size: 10px;
	display: block;
	font-family:  Arial,Helvetica,sans-serif;
	color: #8594A7;
}
dl.listItems dd{
	margin-top:5px;
	margin-left: 195px;
	padding-left: 0px;
	margin-right: 0px;
	padding-bottom: 5px;
	font-size: 14px;
}
dl.listItems dd:first-letter{
	text-transform: uppercase;
}


dl.listItems  a.button{
	position: absolute;
	bottom: 10px;
	right: 10px;
	height:25px;
    line-height:25px;
	font-size:10px;
	padding: 0px 10px;
}



dl.bg{
	background-color: #FFEEE0;
}

dl.end{
	border: none;
}

/*
* GEstion des Langues Flags
*/

a#flag{
	z-index:9999;
	position: absolute;
	bottom: 20px;
	right: 40px;
}

div.breadcrumbs{
	position: absolute;
	top: 5px;
	left:10px;
	font-size: 12px;
}

/****************************************
 * Formulaire d'inscription newsletter 
****************************************/

form#FormNewsletterInscription,
form#FormContact{
	
}

form#FormNewsletterInscription fieldset, form#FormNewsletterInscription legend,
form#FormContact fieldset, form#FormContact legend{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	color:#999999;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
	padding:10px 10px 10px;
	margin-bottom:10px;
}


form#FormNewsletterInscription fieldset,
form#FormContact fieldset{
	background:none repeat scroll 0 0 transparent;
	border:1px solid #CCCCCC;
	
}
form#FormNewsletterInscription legend,
form#FormContact legend{
    padding-top: 5px;
}


form#FormNewsletterInscription label,
form#FormContact  label {
    background-color:#E7E7E7;
    display:block;
    float:left;
    height:25px;
    letter-spacing:1px;
    padding-right:1%;
    text-align:right;
    width:40%;
    color: #666;
    font: bold 14px/20px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
    font-weight: bold;
    line-height: 25px;
}

form#FormNewsletterInscription label:hover,
form#FormContact label:hover {
	text-decoration:underline;
}

form#FormNewsletterInscription label, form#FormNewsletterInscription input[type="text"], form#FormNewsletterInscription select, form#FormNewsletterInscription input[type="file"],
form#FormContact label, form#FormContact input[type="text"], form#FormContact select, form#FormContact input[type="file"]{
	margin-bottom:1%;
}

form#FormNewsletterInscription input[type="text"], form#FormNewsletterInscription select, form#FormNewsletterInscription textarea.min, form#FormNewsletterInscription input[type="file"],
form#FormContact input[type="text"], form#FormContact select, form#FormContact textarea.min, form#FormContact input[type="file"]{
	border:1px solid #CCCCCC;
	margin-left:5px;
	width:57%;
	height:25px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
}

form#FormNewsletterInscription textarea,
form#FormContact textarea {
    border:1px solid #CCCCCC;
    height:200px;
    width:98%;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1em;
}

form#FormNewsletterInscription textarea, form#FormNewsletterInscription input[type="text"],
form#FormContact textarea, form#FormContact input[type="text"]{
    padding-left: 5px;
}
    
form#FormNewsletterInscription input[type="text"]:hover, form#FormNewsletterInscription select:hover, form#FormNewsletterInscription input[type="text"]:focus, form#FormNewsletterInscription select:focus, form#FormNewsletterInscription textarea:hover,
form#FormContact input[type="text"]:hover, form#FormContact select:hover, form#FormContact input[type="text"]:focus, form#FormContact select:focus, form#FormContact textarea:hover {
	background-color:#DDEEFF;
	border:1px solid #999999;
}

form#FormNewsletterInscription input[type="text"]:focus, form#FormNewsletterInscription select:focus, form#FormNewsletterInscription textarea:focus,
form#FormContact input[type="text"]:focus, form#FormContact select:focus, form#FormContact textarea:focus	{
	border:1px solid #FFBD6F;
}

form#FormNewsletterInscription input[type="radio"],
form#FormContact input[type="radio"]  {
	height:20px;
}

form#FormNewsletterInscription input[type="checkbox"],
form#FormContact {
	height:20px;
	margin-left:6px;
}




.separator_hr {
	height: 12px;
	padding: 0px 0px 30px 0px;
	background: url(/images/separator.png) 50% 100% no-repeat;
	overflow: hidden;
}


/*************************
*       Pagination
************************/

.nav-actions {
/*	height:80px;*/
	position:relative;
}

a#first, a#end, a#next, a#prev, div#page-nav li a {
	
	-moz-border-radius: 4px;
    -webkit-border-radius:4px;
    border-radius:4px;
	
	
     background-color: #F2F2F2;
     border:1px solid #DFDFDF;

	color:#464646;
    cursor:pointer;

	/*float:left;*/
        font:14px/21px Arial,Helvetica,sans-serif;
        line-height:    18px;
        text-align:center;
        text-shadow:0 2px 0 #FFFFFF;
        /*margin-right:4px;*/
        padding:3px 9px 4px;
        text-decoration:none !important;
}


div#page-nav li a:hover, div#page-nav li a.current, a#first:hover , a#end:hover, a#next:hover, a#prev:hover{
    
	border:1px solid #b8662c;

    background-image: -moz-linear-gradient(100% 100% 90deg, #ffaf77, #b8662c);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffaf77), to(#b8662c));
    background-color: #FF7903;

    color:#FFFFFF !important;
    text-shadow:0 1px 0 #333333;
	
	
}



div#page-nav {
    padding:10px;
	text-align: center;
}
div#page-nav ul {
/*width: 500px;*/
	text-align: center;
	margin: 10px auto;
	padding:0;
}
div#page-nav li {
	display:inline;
	list-style-type:none;
	margin: 0px 0px 0px 4px;
}


span.alpha, a.alpha{
    border:solid #CCC 1px;
    background-color:#EFEFEF;
    padding:2px 4px;
    margin:0px 1px;
    text-transform: uppercase;
    font-size: 12px;
}

span.alpha{
    cursor:default;
    color:#ccc;
}

a.alpha{
    color:#4A4A4A;
    color: #BD4789;
}

a.selectalpha{
    background-color: #BD4789;
    color: #fff;
    text-decoration: none;
}


#gallery a.preloadImg { display:block; color:#fff; padding:0; text-decoration:none; border: 1px solid #CCC; padding: 2px;	margin:0;	float: left;  }
#gallery img { width:174px; height:110px; margin:0; padding:0; }

.preloader { 	background: #eee url(/images/ajax-loader.gif) no-repeat 50% 50%;	}

.titreActu{
	background: transparent url(/images/bg_header_titre.jpg) repeat-y 100% 0%;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-right: 5px;
}

.titreActu h1{
	background: transparent url(/images/bg_header_arrow.png) no-repeat 0px 8px;
	margin:0px;
	padding: 4px 10px 10px 20px;
	font-size: 24px;
	height: auto;
	line-height: 24px;
/*	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);*/
	text-shadow: 1px 1px 1px rgba(204, 204, 204, 0.4);
/*	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);*/
}