/* CSS Document */
@charset 'UTF-8';

body, html{
margin:0;
padding:0;
}
header, footer, section, hgroup, aside, nav, article, figure, figcaption, time, dialog {
 display: block;
 }
body
	{
	background-color: #FFFFFF;
	font-family:Tahoma;
	font-size:11px;
	margin: 0;
	padding: 0;
	color: #393f4d;
	background-attachment: fixed;
    background-color: #ffffff;
	background: url('../images/arr.jpg') no-repeat;
	background-position: center center;
    background-repeat: no-repeat no-repeat;
    background-size: cover;

	}
/* ======================================================== */
/* ======================================================== */
/* ============== General */
/* ======================================================== */
/* ======================================================== */
li {
	background-repeat: no-repeat;
	list-style-type: none;
}	
h1, h2, h3 {
	background-repeat: no-repeat;
	font-weight: normal;
	margin: 0;
}
img {
	border: none;
}
.textlow {
	text-transform: none;
	font-size:15px;
}

/* ======================================================== */
/* ======================================================== */
/* ============== Alignements */
/* ======================================================== */
/* ======================================================== */

.imgleft {
	float: left;
	padding-right: 12px;
}
.imgright {
	float: right;
	margin-left: 12px;

}

.imgcenter {
	text-align:center;
	margin: 0 auto;
}
.imgbottom {
vertical-align:bottom;
}


.imgmiddle {
	vertical-align:middle;
	line-height:0px;
	font-size:0px;
	margin:0;
	padding:0;
}
.cellfloat_left {
	float: left;
	display: inline;
}
.cellfloat_right {
	float: right;
	display: inline;
	position: inherit;
}

.clearfloat { 
	clear: both;
	line-height: 0px;
	height: 0px;
	margin: 0;
	font-size: 1px;
}
/* ======================================================== */
/* ======================================================== */
/* Wrappers */
/* ======================================================== */
/* ======================================================== */
#conteneur{
margin:0;
padding:0;
width:100%;
height:100%;
min-width:980px;
margin:0 auto;
color:#393f4d;
font-size:11px;
font-family:Tahoma;
}
/* ==================== */
/* Header */
/* ==================== */
#arr_header{
	background-color: rgba(19, 189, 219, 0.6);
	width:100%;
	min-width:980px;
	height:108px;
	margin-bottom:25px;
}
#header {
margin:0;
padding:0;
width:980px;
height:108px;
margin: auto;
position:relative;
}
.header_logo{
	width:191px;
	height:108px;
	float:left;
}
.header_compte{
	position: absolute;
	top: 9px;
	right:0;
}
.header_conn img{
	margin-right:10px;
	height:30px;
}
.header_inscri img{
	margin-right:20px;
	height:30px;
}
.header_rs img{
	margin-left:4px;
	/*vertical-align:middle;*/
}
.header_email{
	position: absolute;
	top: 13px;
	left: 218px;
}
.header_email a{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
}
.header_bv{
	margin-right:20px;
	color:#FFF;
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	float:left;
	margin-top:5px;
}
.header_bv span{
	text-transform:uppercase;
}
.header_attente{
	position: absolute;
	top: 13px;
	left: 218px;
	font-size:16px;
	font-weight:bold;
	text-shadow: 2px 2px 4px #000000;
}
.header_attente a{
	color:#ef7a13;
	text-decoration:none;
}
/* ======================================= */
/* ==================== main menu */
/* ======================================= */
#menu {
    margin: 0;
    padding: 0;
	width:auto;
	height:32px;
	display:block;
	float:left;
	margin-top:60px;
}
#menu ul {
    padding: 0px;
    margin: 0px;
}
#menu .lev1 li {
	margin: 0;
	padding: 0;
	position: relative;
	display:block;
	float:left;
	height:32px;
}
#menu .lev1 li a {
	font-size: 15px;
	color: #fff;
	text-transform:uppercase;
	display: inline-block;
	margin: 0;
	/*width:168px;*/
	width:auto;
	min-width:110px;
	height:32px;
	line-height:32px;
	padding-left:14px;
	padding-right: 14px;
	border-right:1px solid #fff;
	text-align:center;
	text-decoration:none;
}
#menu .lev1 li.last_item a {
	border-right:none;
}
#menu .lev1 li:hover a, #menu .lev1 li a:hover, #menu .lev1 li a.selected  {
	color:#393f4d;
}
#menu .sub-menu {
	position: absolute;
	top: 32px;
	z-index:400;
	left: 0;
	background-color: rgba(19, 189, 219, 0.6);
	visibility:hidden;
	width: 100%;
	height:auto;
	display:block;
}
#menu .lev1 li:hover .lev2, #menu .lev1 li:hover .sub-menu{ 
	visibility: visible;
}
#menu .sub-menu {
    padding: 0;
	padding-top:3px;
	padding-bottom:3px;
}
#menu .sub-menu li {
	float: none;
	margin:0;
	height:auto;
	background:none;
}
#menu .lev1 .sub-menu a, #menu  .lev1  li:hover .sub-menu a, #menu .lev1 li.selected .sub-menu a {
	background:none;
	border:none;
	width:auto;
	text-transform:uppercase;
	padding-left:20px;
	height:32px;
	line-height:32px;
	text-align: left;
	color: #fff;
	display: block;
	border: none;
	border-bottom:1px solid #fff;
	padding-right:0;
	
}
#menu .lev1 .sub-menu a:hover, #menu  .lev1  li:hover .sub-menu a:hover, #menu .lev1 li.selected .sub-menu a:hover {
	color:#393f4d;
}
#menu .lev1 .sub-menu li.last_item a {
	border-bottom:none;
}

/* ========================= */
/* ========================= */
/* Content */
/* ========================= */
/* ========================= */
#center{
margin:0;
padding:0;
width:980px;
height:548px;
margin: auto;
background-color: #ffffff;
}
.bloc_ligue{
	width:205px;
	height:225px;
	float:left;
	padding:10px;
	border:1px solid #13bddb;
	margin-left:14px;
	margin-top:20px;
}
.bolc_ligue_img{
	width:100%;
	height:155px;
	margin-bottom:10px;
	text-align:center;
}
.bolc_ligue_img img{
	max-width:100%;
	max-height:100%;
}
.bolc_ligue_titre{
	width:100%;
	text-align:center;
	height:30px;
	font-weight:bold;
	margin-bottom:10px;
}
.bolc_consult{
	width:100%;
	text-align:center;
	height:auto;
}
.bolc_consult a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	box-shadow: 2px 2px 4px #000;
	padding:4px 8px;
	background-color:#13bddb;
}
#haut_table{
	margin:0;
	padding:0;
	margin-left:10px;
	height:20px;
	width:955px;
	background-color:#13bddb;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}
#ligne1_table{
	margin:0;
	padding:0;
	height:20px;
	width:955px;
	/*background-color:#72f6f8;*/
	text-align:left;
	color:#393f4d;
}
#ligne2_table{
	margin:0;
	padding:0;
	height:20px;
	width:955px;
	/*background-color:#c7fffe;*/
	text-align:left;
	color:#393f4d;
}
#ligne1_table a, #ligne2_table a{
	color:#393f4d;
	text-decoration:underline;
}
.colonne_titre{
	margin:0;
	padding:0;
	padding-top:2px;
	height:17px;
	width:418px;
	float:left;
	border-top : 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.colonne_date_creat{
	margin:0;
	padding:0;
	padding-top:2px;
	height:17px;
	width:100px;
	float:left;
	border-top : 1px solid #ccc;
}
.colonne_date_maj{
	margin:0;
	padding:0;
	padding-top:2px;
	height:17px;
	width:108px;
	float:left;	
	border-top : 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.colonne_position{
	margin:0;
	padding:0;
	padding-top:2px;
	height:17px;
	width:80px;
	float:left;	
	border-top : 1px solid #ccc;
}
.colonne_status{
	margin:0;
	padding:0;
	padding-top:2px;
	height:17px;
	width:63px;
	float:left;	
	border-top : 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.colonne_acceuil{
	margin:0;
	padding:0;
	padding-top:2px;
	height:17px;
	width:64px;
	float:left;	
	border-top : 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.colonne_nom{
	margin:0;
	padding:0;
	padding-top:2px;
	height:17px;
	width:310px;
	padding-left:8px;
	float:left;
	border-top : 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.colonne_email{
	margin:0;
	padding:0;
	padding-top:2px;
	height:17px;
	width:310px;
	padding-left:8px;
	float:left;
	border-top : 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.colonne_Action{
	margin:0;
	padding:0;
	padding-top:2px;
	height:17px;
	width:79px;
	float:left;	
	border-top : 1px solid #ccc;
	border-right : 1px solid #ccc;
	text-align:center;
}
.titre{
	height:50px;
	line-height:50px;
	width:100%;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color: #393f4d;
}
ul#list_ligne {
    margin: 0 0 0 10px;
    padding: 0;
	width:955px;
}
.lien_but{
	margin-left:10px;
	width:100%;
	margin-bottom:15px;
}
.lien_but a{
	text-decoration:none;
	font-weight:bold;
	color:#13bddb;
	font-size:14px;
}
.img_equipe{
	margin-top:20px;
	margin-bottom:20px;
	margin-left:10px;
	width:950px;
	height:auto;
	text-align:center;
}
.img_equipe img{
	max-width:100%;
	max-height:300px;
}
.descri_equipe{
	margin-top:20px;
	margin-bottom:20px;
	margin-left:10px;
	width:950px;
	text-align:justify;
}
.titre2{
	margin-left:10px;
	width:950px;
	font-weight:bold;
	margin-bottom:10px;
}
/* ========================= */
/* ========================= */
/* Popup */
/* ========================= */
/* ========================= */
#page {
width: 980px;
margin: auto;
}
.information_h{
	margin:0;
	padding:0;
	padding-left:90px;
	width:799px;
	height:29px;
	background: url('../images/arr_information_h.jpg') right no-repeat;
}
.information_c{
	margin:0;
	padding:0;
	padding-left:90px;
	width:799px;
	height:90px;
	background: url('../images/arr_information_c.jpg') right repeat-y;
}
html>body .information_c {
height: auto;
min-height: 90px;
}
.information_b{
	margin:0;
	padding:0;
	padding-left:90px;
	width:799px;
	height:29px;
	background: url('../images/arr_information_b.jpg') right no-repeat;
}
.zonetxt{
background-color:#FFFFFF;
border: 1px solid #13bddb;
color:#393f4d;
width:200px;
}
.zonetxtarea{
background-color:#FFFFFF;
border: 1px solid #13bddb;
color:#393f4d;
width:200px;
height:100px;
}
.boutton {
color: #FFFFFF;
text-decoration: none;
text-align: center;
background-color: #13bddb;
border: thin outset #13bddb;
}
.conn_titre{
	font-size:14px;
	font-weight:bold;
	color: #393f4d;
}
.table_information{
	float:left;
}
.table_information td{
	padding-left:15px;
	padding-right:15px;
}
.information_btn{
	margin:0;
	padding:0;
	padding-top:20px;
	clear:both;
	width:799px;
	text-align:center;
	height:20px;
}
#center_con{
margin:0;
padding:0;
height:350px;
padding-left:290px;
padding-top:160px;
}
#center_con a{
	color:#13bddb;
}
.table_conn{
	background: url('../images/arr_conn.jpg') no-repeat;
	height:212px;
}
.table_conn td{
	padding-left:15px;
	padding-right:15px;
}
.conn_titre{
	font-size:14px;
	font-weight:bold;
	color: #393f4d;
}
/* ========================= */
/* ========================= */
/* Footer */
/* ========================= */
/* ========================= */
#arr_footer{
	background-color: rgba(19, 189, 219, 0.6);
	width:100%;
	min-width:980px;
	height:51px;
	margin-top:25px;
}
#footer {
margin:0;
padding:0;
width:980px;
height:51px;
margin: auto;
position:relative;
text-align:center;
color: #fff;
font-size:14px;
line-height:51px;
}
#footer a
{
	color: #fff;
	text-decoration: none;
}
.new_home{
	width:100%; 
	height:auto; 
	float:left; 
	margin-bottom:20px; 
	margin-top:20px; 
	text-align:center;
}
.new_home img{
	width:calc(31% - 30px);
	margin-left:15px;
	margin-right:15px;
	border:1px solid #13bddb;
}
.new_home_title{
	font-size:26px;
	font-weight:bold;
	color:#13bddb;
}
.new_home_title2{
	font-size:18px;
	font-weight:bold;
	color:#13bddb;
}
.new_home2{
	width:100%; 
	height:auto; 
	float:left; 
	margin-bottom:20px; 
	margin-top:20px; 
	text-align:left;
	padding-left:20px;
	padding-right:20px;
}