@charset "utf-8";
body {
	border:none;
	margin:0;
	padding:0;
	background-color:#bac7cb;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
.clear{
	clear:both;
}
.content{
	width:745px;
	margin:0 auto 0 auto;
}
.spacer{
	height:20px;
	clear: both;
}
a{
}
a:hover{
	text-decoration:none;
}
a img{
	border:none;
}
.left{
	float:left;
}
.right{
	float:right;
}
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/



/*************/
/*  header   */
/*************/
#header{
	height:124px;
	background:url(../img/css/header_back.gif) repeat-x;
}
#header .content{
	height:100%;
	background:url(../img/css/header_content_back.gif) no-repeat 126px 0;
	position:relative;
}
#header .content #logo{
	padding:0;
	margin:0;
	position:absolute;
	top:34px;
	left:4px;
}
#header #login_form{
	position:absolute;
	top:50px;
	left:508px;
	width:231px;
	height:51px;
	background:url(../img/css/header_login_back.gif) no-repeat;
}
#header #login_form input{
	width:60px;
	height:13px;
	font-size:10px;
	position:absolute;
	top:21px;
	border:#85c2d9 1px solid;
	background:transparent;
	padding: 0 0 1px 0;
}
#header #login_form #login_login{
	left:37px;
}
#header #login_form #login_pass{
	left:134px;
}
#header #login_form #login_bt{
	top:20px;
	left:202px;
	width:23px;
	height:19px;
	background:url(../img/css/header_login_bt.gif) no-repeat;
	cursor:pointer;
	border:none;
}

#header #login_form #login_bt:hover{
	background-position:left -19px;
}


/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/






/*************/
/*   menu    */
/*************/
#menu{
	height:31px;
	background:url(../img/css/menu_back.gif) repeat-x;
}
#menu .content{
	width:728px;
	height:21px;
	padding:0 1px 0 1px;
	background:url(../img/css/menu_content_back.gif) repeat-x;
	list-style:none;
}
#menu .content li{
	width:102px;
	padding:0 1px 0 1px;
	float:left;
}
#menu .content li.on a{
	background-position:0 -21px;
}
#menu .content li a{
	display:block;
	height:21px;
	width:100%;
	background:no-repeat 0 0;
}
#menu .content li a:hover{
	background-position:0 -21px;
}
#menu .content li a span{
	display:none;
}






/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/






/*************/
/*   page    */
/*************/
#page{
	background:white url(../img/css/page_back.gif) no-repeat center 0;
	padding-bottom:30px;
}

#page .content{
	width:730px;
	color:#4d4d4d;
}

/************************************/
/*      STYLES DES CONTENUS         */
/************************************/
#page .content .banner{
	margin-bottom: 20px;
}
/*#page .content */h2{
	padding:0;
	margin:0 0 8px 0;
	clear: both;
}
/*#page .content */h3{
	padding:0 0 4px 0;
	margin:0 0 8px -8px;
	vertical-align:baseline;
	clear: both;
}
/*#page .content */h3.alt{
	margin-left: 0;
}
/*#page .content */h4{
	margin:0 0 4px 0;
	padding:0;
	font-size: 16px;
}

/*#page .content */p{
	margin:0 0 14px 0;
	padding:0 0 0 0;
	/*text-align:justify;*/
}
/*#page .content */ul{
	list-style:none;
	padding:0px 6px 10px 0;
	margin:0;
}
/*#page .content */ul li{
	padding:0 0 0 13px;
	margin:0 0 6px 0;
	background:url(../img/css/tick_blue.png) no-repeat 0 0;
}
/*#page .content */ul.alt li{
	background:url(../img/css/tick_orange.png) no-repeat 0 0;
}
/*#page .content */ul li ul{
	padding: 4px 0 6px 0px;
}
/*#page .content */ul li ul li, /*#page .content */ul.alt li ul li{
	background:url(../img/css/sub_tick.png) no-repeat 0 2px;
	margin-bottom: 1px;
}

/*#page .content */blockquote{
	text-align:center;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	margin: 30px 40px 30px 40px;
}

/*#page .content */ul li blockquote{
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #adadad;
}

/*#page .content */table{
	width: 100%;
	border-spacing: 0;
	padding: 0;
	margin: 0 0 30px 0;
}
/*#page .content */table td{
	padding: 3px;
	vertical-align: top;
}
/*#page .content */table td.col1{
	font-weight: bold;
	width: 50%;
}
/*#page .content */table tr.even td{
	background-color: #dff3fe;
}

/*#page .content */a{
	color:#1691bf;
}

/*#page .content */strong.alt{
	color:#ff7f1f;
}
/*#page .content */strong.alt2{
	color:#1691bf;
}

/*#page .content */strong.alt3{
	color:#cc38f9;
}
/*#page .content */big{
	font-size:20px;
	font-weight:bold;
	color:#ff7f1f;
}

/*#page .content */div.pagebrake{
	width: 730px;
	height: 31px;
	background: url("../img/css/pagebrake_back.gif") no-repeat;
	margin: 8px 0 4px 0;
}

/************************************/
/*      TAILLE DES COLONNES         */
/************************************/


#page .content .collumn{
	float:left;
	position: relative;
}
#page .content .collumn.large{
	width:730px;
}
#page .content .collumn.middle{
	width: 538px;
}
#page .content .collumn.left_half{
	width:358px;
}
#page .content .collumn.right_half{
	width:357px;
	padding-left:15px;
}
#page .content .collumn.small{
	width: 180px;
	padding-left:12px;
}

/************************************/
/*      DEFINITION DES BLOCS       */
/************************************/
#page .content .bloc{
	position: relative;
}
#page .content .bloc .bloc_content p{
	padding:0;
}
#page .content .bloc .bloc_content{
	padding:18px 10px 10px 20px;
}
#page .content .bloc .visu{
	position: absolute;
	bottom: -40px;
	right: 8px;
}
/*
#page .content .bloc .alt_bloc{
	position: absolute;
	top:0;
	right: -196px;
}*/




/****   bloc small   *****/
#page .content .small .bloc{
	width:100%;
	background:url(../img/css/bloc_small_back.gif) repeat-y bottom;
}
#page .content .small .bloc .bloc_bottom{
	background:url(../img/css/bloc_small_bottom_back.gif) no-repeat bottom;
}
#page .content .small .bloc .bloc_content{
	background:url(../img/css/bloc_small_top_back.gif) no-repeat top;
	padding:18px 12px 10px 12px;
}




/****   bloc middle   *****/
#page .content .middle .bloc{
	width:100%;
	background:url(../img/css/bloc_middle_back.gif) repeat-y bottom;
}
#page .content .middle .bloc .bloc_bottom{
	background:url(../img/css/bloc_middle_bottom_back.gif) no-repeat bottom;
}
#page .content .middle .bloc .bloc_content{
	background:url(../img/css/bloc_middle_top_back.gif) no-repeat top;
	/*padding:1px;*/
}




/****   bloc large   *****/
#page .content .large .bloc{
	width:100%;
	background:url(../img/css/bloc_large_back.gif) repeat-y bottom;
}
#page .content .large .bloc .bloc_bottom{
	background:url(../img/css/bloc_large_bottom_back.gif) no-repeat bottom;
}
#page .content .large .bloc .bloc_content{
	background:url(../img/css/bloc_large_top_back.gif) no-repeat top;
	/*padding:1px;*/
}





/****   bloc left half   *****/
#page .content .left_half .bloc{
	width:100%;
	background:url(../img/css/bloc_left_half_back.gif) repeat-y bottom;
}
#page .content .left_half .bloc .bloc_content{
	background:url(../img/css/bloc_left_half_top_back.gif) no-repeat top;
	/*padding:1px;*/
}
#page .content .left_half .bloc .bloc_bottom{
	background:url(../img/css/bloc_left_half_bottom_back.gif) no-repeat bottom;
}




/****   bloc right half   *****/
#page .content .right_half .bloc{
	width:100%;
	background:url(../img/css/bloc_right_half_back.gif) repeat-y bottom;
}
#page .content .right_half .bloc .bloc_content{
	background:url(../img/css/bloc_right_half_top_back.gif) no-repeat top;
	/*padding:1px;*/
}
#page .content .right_half .bloc .bloc_bottom{
	background:url(../img/css/bloc_right_half_bottom_back.gif) no-repeat bottom;
}




/****   bloc news   *****/
#page .content .news_bloc{
	width:217px;
	background:url(../img/css/bloc_news_back.gif) no-repeat bottom #ff911e;
	color:white;
}
#page .content .news_bloc .bloc_top{
	background:url(../img/css/bloc_news_top_back.gif) no-repeat top;
}
#page .content .news_bloc ul{
	list-style:none;
	padding:10px 6px 30px 10px;
	margin:0;
}
#page .content .news_bloc ul li{
	padding:0;
	margin:0 0 16px 0;
	background:url(../img/css/tick_news.png) no-repeat 0 2px;
}
#page .content .news_bloc ul li small{
	font-size:12px;
	padding-left:14px;
	display:block;
}
#page .content .news_bloc ul li a{
	color:#ffefde;
	font-weight:bold;
	font-size:11px;
}
#page .content .news_more{
	text-align:right;
	font-weight:bold;
	padding-right:7px;
}
#page .content .news_more a{
	color:#ff7f1f;
}


/****   bloc alt   *****/
#page .content .alt_bloc{
	width:150px;
	height: 83px;
	background: url("../img/css/bloc_alt_back.gif") no-repeat;
	padding: 24px 10px 18px 20px;
	color:white;
	font-size: 11px;
	font-weight: bold;
}
#page .content .alt_bloc p{
	line-height: 16px;
}
#page .content .alt_bloc a{
	color:white;
	text-decoration: none;
}

#page .content .alt_bloc ul li{
	background: url("../img/css/picto_loupe.gif") no-repeat 0 2px;
	margin-bottom: 4px;
}



/****   bloc alt2   *****/
#page .content .bloc.alt2{
	background: url("../img/css/bloc_alt2_back.gif") repeat-y;
}
#page .content .bloc.alt2 .bloc_content, #page .content .bloc.alt3 .bloc_content{
	background: url("../img/css/bloc_alt2_top_back.gif") top no-repeat;
	font-size: 11px;
	padding: 10px 10px 1px 13px;
}
#page .content .bloc.alt2 .bloc_bottom{
	background: url("../img/css/bloc_alt2_bottom_back.gif") bottom no-repeat;
}

#page .content .bloc.alt2 p, #page .content .bloc.alt3 p{
	color:white;
	font-weight: bold;
}
#page .content .bloc.alt2 p small, #page .content .bloc.alt3 p small{
	font-weight: normal;
}
#page .content .bloc.alt2 p a, #page .content .bloc.alt3 p a{
	color: white;
}


/****   bloc alt3   *****/
#page .content .bloc.alt3{
	background: url("../img/css/bloc_alt3_back.gif") repeat-y;
}
#page .content .bloc.alt3 .bloc_content{
	background: url("../img/css/bloc_alt3_top_back.gif") top no-repeat;
}
#page .content .bloc.alt3 .bloc_bottom{
	background: url("../img/css/bloc_alt3_bottom_back.gif") bottom no-repeat;
}





/****   bloc obj   *****/
#page .content .obj_bloc{
	width:143px;
	height: 94px;
	background: url("../img/css/bloc_obj_back.gif") no-repeat;
	float: left;
	padding: 11px 10px 11px 13px;
	margin-right: 20px;
}
#page .content .obj_bloc p{
	color: #337b96;
	margin: 8px 0 0 0;
}
#page .content .obj_bloc.last{
	margin: 0;
}

/****   bloc obj 2   *****/
#page .content .obj2_bloc, #page .content .obj3_bloc{
	width:154px;
	height: 94px;
	background: url("../img/css/bloc_obj2_back.gif") no-repeat;
	float: left;
	padding: 11px 10px 11px 13px;
	margin-right: 7px;
}
#page .content .obj2_bloc p, #page .content .obj3_bloc p{
	font-size: 11px;
	color: #77298f;
	margin: 8px 0 0 0;
}
#page .content .obj2_bloc.last, #page .content .obj3_bloc.last{
	margin: 0;
}

/****   bloc obj 3   *****/
#page .content .obj3_bloc{
	background: url("../img/css/bloc_obj3_back.gif") no-repeat;
}
#page .content .obj3_bloc p{
	color: white;
}



/****   bloc sub   *****/
#page .content .sub_bloc{
	width:470px;
	height: 68px;
	background: url("../img/css/bloc_sub_back.gif") no-repeat;
	padding: 14px 34px 14px 34px;
}
#page .content .sub_bloc p{
	font-size: 11px;
}



/************************************/
/*            FORMULAIRES           */
/************************************/
#page .content form{
	padding:0;
}
#page .content form p{
	width:100%;
	float:left;
}
#page .content form p.small{
	width:35%;
	margin-left:5%;
}
#page .content form p.middle{
	width:60%;
}
#page .content form label{
	display:block;
	font-weight:bold;
}
#page .content form p.alt label{
	color:#ff7f1f;
}

#page .content form input, #page .content form textarea{
	border:#85c2d9 1px solid;
	background:transparent;
	width:100%;
}
#page .content form p.alt input, #page .content form p.alt textarea{
	border-color:#ff7f1f;
}

#page .content form textarea{
	height:120px;
}
#page .content form #send_bt{
	background:url(../img/css/form_send_bt.gif) no-repeat;
	border:none;
	float:right;
	width:81px;
	height:28px;
	cursor:pointer;
}
#page .content form #send_bt:hover{
	background-position:left -28px;
}


/************************************/
/*            PLAYER AUDIO          */
/************************************/
#page .content .pplayer{
	width: 448px;
	height: 33px;
	padding: 6px 0 0 8px;
	margin: 0 0 6px 0;
	background: url("../img/css/player_back.gif") no-repeat;
}
#page .content .pplayer button{
	width: 33px;
	height: 28px;
	background: url("../img/css/player_playstop_bt.gif") no-repeat;
	border: none;
	padding: none;
	text-indent: 40px;
	float: left;
}
#page .content .pplayer button.playbt{
	background-position: -66px 0;
}
#page .content .pplayer button.playbt:hover{
	background-position: -99px 0;
}
#page .content .pplayer button.stopbt:hover{
	background-position: -33px 0;
}
#page .content .pplayer p{
	float: left;
	font-weight: bold;
	font-size: 13px;
	padding: 5px 0 0 8px;
}

/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/


/*************/
/*  footer   */
/*************/
#footer{
	height:195px;
	background:url(../img/css/footer_back.gif) repeat-x;
}
#footer .content{
	background:url(../img/css/footer_content_back.gif) no-repeat;
	text-align:center;
	padding-top:36px;
	color:#8f9090;
}
#footer .content a{
	color:#8f9090;
}











/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/


/*************/
/* page home */
/*************/
#page .content.home .middle {
	width:491px;
}
#page .content.home .small{
	width:224px;
}


/*************/
/* page presentation */
/*************/
#page .content.presentation #carteacces{
	padding-left: 9px;
}
#page .content.presentation #carteacces p{
	text-align:right;
}
#page .content.presentation #carteacces p a, #page .content.contact #carteacces p a{
	font-weight:bold;
	color:#1691bf;
}

/*************/
/* page satisfaction & ressources*/
/*************/
#page .content .logos{
	text-align: center;
}
#page .content .logos img{
	margin: 6px;
	vertical-align: middle;
}

#page .content .small .bloc .bloc_content.flags{
	text-align: center;
	padding: 12px;
}
#page .content .flags img{
	margin: 2px;
	vertical-align: middle;
}

/*************/
/* page références */
/*************/
#page .content.references #reflinklist{
	text-align: center;
	font-weight: bold;
}
#page .content.references #reflinklist a{
	color:#4d4d4d;
}
#page .content.references #reflinklist a.alt{
	color:#ff7f1f;
}
#page .content.references .left_half .bloc_content{
	padding: 8px 8px 16px 8px;
}
#page .content.references .logos table{
	padding:0;
	margin:0;	
}
#page .content.references .logos img{
	margin:0;
}
#page .content.references .logos table td{
	padding:4px 0;
	vertical-align:middle;
}
#page .content.references .logos img.off{
	opacity : 0.2;
	filter : alpha(opacity=20); 
}

/*************/
/* page contact */
/*************/
#page .content.contact ul{
	/*padding-top:16px;
	padding-left: 10px;*/
}
#page .content.contact ul li{
	margin-bottom: 10px;
}
#page .content.contact #carteacces{
	position: relative;
	padding-left: 0;
	padding-right: 0;
}
#page .content.contact #carteacces img{
	margin:0 0 50px 11px;
}
#page .content.contact #carteacces div{
	position:absolute;
	top:39px;
	left:6px;
}
#page .content.contact #carteacces p{
	text-align:right;
}