/* IMPORTATION DU FICHIER CSS D'ALTITUDE */
@import url("/client/uploads/css/style.css");
/* 
DÉBUT DU STYLES POUR LE MENU DU HAUT 
*/
.menu1{
	float: left;
	clear: right;
	background-color: #FFFFFF;
	padding: 4px 4px 4px 4px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	width: 433px;
	height: 32px;
	border: 1px solid red;
}

.menu1 .menuhautover{
	background-color:#004EA6;
	color:#FFFFFF;
}

.menu1 a{
	text-decoration:none;
	padding:4px 4px 4px 4px;
	margin: 0px auto 0px auto;
	text-align: left;
}

.menu1 a:hover{

}

.sousmenu1{
	position: absolute;
	visibility: hidden;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
	border-top:1px solid #004EA6;
	border-right:1px solid #004EA6;
	border-left:1px solid #004EA6;
	width: 150px;
	text-align: left;
}

.sousmenu1 a{
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #004EA6;
	padding:2px;
	border-bottom:1px solid #004EA6;
	text-decoration:none;

}

.sousmenu1 a:hover{
	background-color:#004EA6;
	color:#FFFFFF;
}

/* 
DÉBUT DU STYLE POUR LE MENU GAUCHE
*/
.menu2{
	float: left;
	clear: both;
	background-color: #FFFFFF;
	width: 433px;
	height: 32px;
	border: 1px solid red;
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 0px 413px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	width: 440px;
}

.menu2 .menuhautover{
	background-color:#004EA6;
	color:#FFFFFF;
}

.menu2 a{
	text-decoration:none;
	padding:4px 4px 4px 4px;
	margin: 0px auto 0px auto;
	text-align: left;
}

.menu2 a:hover{

}

.sousmenu2{
	position: absolute;
	visibility: hidden;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
	border-top:1px solid #004EA6;
	border-right:1px solid #004EA6;
	border-left:1px solid #004EA6;
	width: 150px;
	text-align: left;
}

.sousmenu2 a{
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #004EA6;
	padding:2px;
	border-bottom:1px solid #004EA6;
	text-decoration:none;

}

.sousmenu2 a:hover{
	background-color:#004EA6;
	color:#FFFFFF;
}
/* 
DÉBUT DU STYLE POUR LE MENU GAUCHE
*/
.menu3{
	position: relative;
	float: left;
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 0px 213px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	width: 610px;
	top: -36px;
}

.menu3 .menuhautover{
	background-color:#004EA6;
	color:#FFFFFF;
}

.menu3 a{
	color: #FFFFFF;
	text-decoration:none;
	padding:4px 4px 4px 4px;
	margin: 0px auto 0px auto;
	text-align: left;
}

.menu3 a:hover{
	text-decoration: underline;
}

.sousmenu3{
	position: absolute;
	visibility: hidden;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
	border-top:1px solid #004EA6;
	border-right:1px solid #004EA6;
	border-left:1px solid #004EA6;
	width: 150px;
	text-align: left;
}

.sousmenu3 a{
	display: block;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #004EA6;
	padding: 2px;
	border-bottom: 1px solid #004EA6;
	text-decoration: none;

}

.sousmenu3 a:hover{
	text-decoration: underline;
}

/**/
.menucentrehaut{
	float: left;
	clear: right;
	padding: 23px 0px 0px 10px;
	width: 441px;
}

.tab_1{
	float: left;
	width: 143px;
	height: 27px;
	background: url(/_images/tab_1.png);
}

.tab_2{
	float: left;
	width: 178px;
	height: 27px;
	background:url(/_images/tab_2.png);
}

.tab_3{
	float: left;
	width: 104px;
	height: 27px;
	background:url(/_images/tab_3.png);
}

.tab_4{
	float: left;
	width: 127px;
	height: 35px;
	background:url(/_images/tab_4.png);
}

.tab_5{
	float: left;
	width: 127px;
	height: 35px;
	background:url(/_images/tab_5.png);
}

.tab_1_s{
	float: left;
	width: 143px;
	height: 27px;
	background: url(/_images/tab_1_s.png);
}

.tab_2_s{
	float: left;
	width: 178px;
	height: 27px;
	background:url(/_images/tab_2_s.png);
}

.tab_3_s{
	float: left;
	width: 104px;
	height: 27px;
	background:url(/_images/tab_3_s.png);
}

.tab_4_s{
	float: left;
	width: 127px;
	height: 35px;
	background:url(/_images/tab_4_s.png);
}

.tab_5_s{
	float: left;
	width: 127px;
	height: 35px;
	background:url(/_images/tab_5_s.png);
}

/**/
.menucentrebas{
	float: left;
	clear: both;
	position: relative;
	top: -46px;
	margin: 0px 0px 0px 423px;
	padding: 0px 0px 0px 10px;
	width: 441px;
	z-index: 3;
}


.infopetard{
	float: left; 
	width: 171px; 
	height: 280px; 
	margin: 0px 0px 10px 12px;
}

.infopetard a{
	color: #003961;
}

/*
FIN DES STYLE POUR LES MENUS
---------------------------------------
DÉBUT DES STYLES POUR LE CONTENU
*/
html, body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 100%;
	background: #007dc2;
}

body
{
	margin: 30px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}

img { border: 0px; }

.tbwebsite{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	height: 576px;
	width: 850px;
	border-collapse: collapse;
	background: url(/_images/background_website.jpg) no-repeat;
}

.centered{
	margin: 0px auto 0px auto;
	width: 850px;
}

#wrapwebsite {
	float: left;
	width: 850px;
	height: 576px;
	/*background: url(/_images/background_website.jpg) no-repeat;*/
}

#wrapheader {
	width: 737px;
}

#wrapmiddle {
	float: left;
	width: 874px;
}

#wrapleftpanel{
	float: left;
}

#wrapcontent {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 453px;
}

#wrapcontent a{
	font-family: Arial, Helvetica, sans-serif;
	color: #008acb;
}

#wrapcontent a:visited{
	color: #008acb;
}

#wrapcontent .texte{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	color: #003961;
}

#wrapcontent td, #wrapcontent p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003961;
}

#wrapfooter{
	float: left;
	clear: both;
}

.titre{
	color: #003961;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #003961;
	background-color: #FFFFFF;
}

.titreaccueil{
	background-color: #004EA6;
	text-align: left;
	width: 467px;
	color: #FFFFFF;
	Font-Family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 4px 4px 4px 25px;
}


.texte{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	color: #003961;
	background-color: #FFFFFF;
}

#listefiches, #listesoussections{
	clear: both;
	text-align: left;
}

#listefiches{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 10px;
}

#listefiches a, #listesoussections a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003961;
}

#listefiches a:visited, #listesoussections a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003961;
}

#listefiches2, #listesoussections2{
	text-align: left;
	background-color: #008acb;
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 10px 0px;
}

#listefiches2 a, #listesoussections2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	border-right: 2px solid #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}

#listefiches2 a:visited, #listesoussections2 a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	border-right: 2px solid #FFFFFF;
	color: #ffffff;
	text-decoration: none;
}

/* ZONES PRIMEURS */

.wrapzoneprimeur1{
	float: left;
	width: 171px;
	margin: 0px 13px 10px 13px;
	background-color: #a0d153;
}

.zoneprimeur1_primeur_image{
	background: #a0d152;
	padding: 0px 0px 6px 10px;
	margin: 0;
}

.zoneprimeur1_description{
	background: #a0d152;
	width: 149px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 5px 12px 5px 10px;
	color: #FFFFFF;
}

.wrapzoneprimeur2{
	float: left;
	width: 171px;
	margin: 0px 13px 10px 13px;
}

.zoneprimeur2_primeur_image{
	background: #52b0dc;
	padding: 0px 0px 6px 10px;
}

.zoneprimeur2_description{
	background: #52b0dc;
	width: 149px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 5px 12px 5px 10px;
	color: #FFFFFF;
}

.zoneprimeur2_description a, .zoneprimeur1_description a{
	color: #FFFFFF;
}

.wrapzoneprimeur3{
	float: left;
	width: 171px;
	margin: 0px 13px 10px 13px;
}

/* SITE MAP */
.sitemapwrapallfiches{
	padding: 0px 0px 0px 40px;
}

.sitemapfiche{

}

.sitemapwrapsubsection{
	padding: 0px 0px 0px 40px;
	margin: 0px 0px 10px 0px;
}

.sitemapsubsection{
	
}

.sitemapwrapsection{
	margin: 0px 0px 10px 0px;
}

/* MOTEUR RECHERCHE*/

.MoteurRecherche{
	float:left;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px;
	margin:0px 0px 10px 0px;
	width:475px;
	color:#999999;

}
.MoteurRechercheChiffre{
	float:left;
	clear:left;
	width:25px;
	font-weight:bold;
	padding:0px;
	margin:0px;
}
.MoteurRechercheTitre{
	float:left;
	width:450px;
	padding:0px;
	margin:0px;
	
}
.MoteurRechercheTitre a{
	text-decoration:none;
	color:#999999;
	text-decoration:underline;

}
.MoteurRechercheDesc{
	float:left;
	clear:both;
	width:475px;
	padding:0px;
	margin:0px;
}
.Resultats{
	float:left;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	width:475px;
	padding-top:5px;
}
.Resultats a{
	text-decoration:underline;
	color:#999999;
}

/* CALENDRIER */

.calendrier_ligne1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color:#729FD3;	
	text-decoration: none;
	width:100%;
	cursor: pointer;
}
.calendrier_ligne2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color:#729FD3;	
	text-decoration: none;
	width:100%;
	cursor: pointer;	
}

/* CALENDRIER toutevenements.asp */

#calendriertitre{
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #003466;
	padding: 0px 5px 0px 5px;
}

#calendar{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.calendardate{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#datetop{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003466;
	border-bottom:1px solid #003466;
}

/* Formulaire */

.formulaire_usager_erreur{
	border: 1px solid red;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 20px 0px;
	text-align: center;
	font-weight: bold;
	color: red;
}

/* concours */

.concours_lien_inscription{
	float: left;
	margin: 10px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.spacer_top{
	float: left;
	clear: right;
	height: 40px;
}

.white_box{
	float: left;
	position: absolute; 
	background-color: #FFFFFF;
	width: 423px;
	height: 426px;
	max-height: 426px;
	padding: 10px 10px 10px 10px;
	overflow: auto;
}

.dropshadow_right{
	float: left;
	clear: right;
	margin: 0px 0px 0px 443px;
	width: 10px;
	height: 446px;
	background: url(/_images/box_center_dropshadow_right.png) repeat-y;
}

.header_logo{
	margin: 0px 0px 10px 13px;
}

.wrapleftpanel_content{
	height: 448px;
}

.leftpanel_content{
	float: left;
	width: 197px;
	background-color: #FFFFFF;
	height: 448px;
	overflow: hidden;
}

.leftpanel_top_spacer{
	height: 50px;
}

#image_sous_section{
	float: left;
	position: relative;
	left: 24px;
	width: 213px;
	height: 558px;
}

.leftpanel_dropshadow_right{
	float: left;
	width: 11px;
	background: url(/_images/box_dropshadow_right.png) repeat-y;
	height: 448px;
}

.panel_left_box_bottom{
	width: 208px;
	height: 19px;
	background: url(/_images/panel_left_bottom.png) no-repeat;
}

.panel_left_box_top{
	width: 208px;
	height: 7px;
	background: url(/_images/panel_left_top.png) no-repeat;
}

.panel_center_top{
	background: url(/_images/panel_center_top.png) no-repeat;
	width: 453px;
	height: 9px;
}

.panel_center_bottom{
	float: left;
	clear: both;
	height: 14px;
	width: 453px;
	background: url(/_images/panel_center_bottom.png) no-repeat;
}

/* GABARIT Portfolio*/

.image_catalogue{
	float: left;
	width: 200px;
	text-align: center;
}

.pagecount_catalogue{
	float: left;
	clear: both;
	width: 200px;
	color: #0f456a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	margin: 5px 0px 10px 0px;
}

.pager_catalogue{
	float: left;
	clear: both;
	width: 200px;
	margin: 0px 0px 10px 0px;
}

.icon_left_pager_catalogue{
	float: left;
	width: 100px;
	text-align: right;
}

.icon_right_pager_catalogue{
	float: left;
	width: 100px;
	text-align: left;
}

.wrapclient{
	float: left;
	width: 180px;
	margin: 0px 10px 5px 10px;
}

.wrapmandat{
	float: left;
	width: 180px;
	margin: 5px 10px 0px 10px;
}

.section_selectbox{
	width: 180px;
}

.sound_button{
	/*position: relative;
	float: left;
	width: 17px;
	top: -32px;*/
	width:874px;
	text-align:right;
}

#tomove{
	position: relative;
	top: -570px;
	left: 40px;
	display: none;
	visibility: hidden;
	width: 820px;
}

.image_titre{
	color: #008acb;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
}

.image_description{
	color: #003961;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0px 0px 10px;
}

.popup_dropshadow_bottom_left{
	float: left;
	width: 22px;
	background: url(/_images/popup_dropshadow_bottom_lef.png) no-repeat;
}

.popup_dropshadow_bottom{
	float: left;
	width: 779px;
	background: url(/_images/popup_dropshadow_bottom.png) repeat-x;
}

.popup_dropshadow_angle{
	float: left;
	width: 13px;
	height: 14px;
	background: url(/_images/popup_dropshadow_angle.png) no-repeat;
}

#popup_dropshadow_right{
	background: url(/_images/popup_dropshadow_right.png) repeat-y;
}

.wrap_popup_dropshadow_right{
	float: left;
	width: 14px;
}

.wrap_popup_dropshadow_bottom{
	float: left;
	width: 888px;
}

.popup_dropshadow_top_right{
	background: url(/_images/popup_dropshadow_top_right.png) no-repeat;
}

.wrap_image_ss_liens{
	position: relative;
	z-index: 1;
	color: #FFFFFF;
	width: 100px;
	top: -180px;
	left: 100px;
}

.image_ss_liens{
	color: #FFFFFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
}