@charset "UTF-8";

/********************************************/
/* Elements de base */
/********************************************/
a:link, a:visited { color: #000; text-decoration: none;}
a:hover, a:active  { color: #00a0c6; text-decoration: underline;}

body {
	background-color: #d8d8d8;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color: #514a4a;
	}

h1 {
	font-size:16px;
	margin: 10px 0 10px 0;
	padding: 0;
	}

h2 {
	font-size:12px;
	margin: 10px 0 10px 0;
	text-align:justify;
	}

img {
	border: 0;
	}






/********************************************/
/* Conteneur default */
/********************************************/

#global {
	border: 1px solid #d8d8d8;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0;
	padding:0;
	text-align: left;
	width: 990px;
	position:relative;
	}

#HtPagePublic {
	background:#fff url(../img/com/ht_public.gif) right top no-repeat;
	margin: 0 auto;
	padding:0;
	text-align: left;
	width: 990px;
	height:318px;
	top:0;
	left:0;
	}
	#HtPagePublic #Logo {
		margin:0;
		padding: 45px 0 30px 120px;
		text-align: left;
		width: 210px;
		height:100px;
		}
	#HtPagePublic #NomProjet {
		margin:0;
		padding:0;
		position:absolute;
		height:100px;
		top:100px;
		right:178px;
		font-size:40px;
		color:#000;
		line-height:30px;
		}
	
#BlocExtranet	{
	width:96px;
	height: 65px;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	top:230px;
	}	
#BlocTitrages	{
	margin: 0 0 0 50px;
	padding:30px 10px 10px 0;
	width:500px;
	font-size:24px;
	line-height:25px;
	}

#Contenu	{
	width:990px;
	margin:0;
	padding:0;
	}
	#Contenu #RubriquePublic {
		width:910px;
		margin:0;
		padding:0 30px 30px 50px;
		background-color:#fff;
		text-align:justify;
		}
		#Contenu #RubriquePublic table {
			margin:0;
			padding:0;
			width:100%;
			}
			#Contenu #RubriquePublic table.Contact td {
				margin:0;
				padding: 0 10px 0 10px;
				vertical-align:top;
				}
			#Contenu #RubriquePublic table td {
				vertical-align:top;		
				}
			#Contenu #RubriquePublic table th {
				vertical-align:top;
				padding:10px 0 0 10px;			
				}
	#Contenu #ColonneGauche {
		background:#d8d8d8 url(../img/com/photo.gif) left top no-repeat;
		float:left;
		margin:0;
		width: 279px;
		height: 377px;
		}
	#Contenu #ColonneDroite {
		float:right;
		margin:0;
		width: 711px;
		height:377px;
		background:#d8d8d8 url(../img/com/bulle.gif) left top no-repeat;
		text-align:left;
		}
		#Contenu #ColonneDroite #Adresse {
			margin:0;
			padding:30px 0 0 15px;
			text-align:left;
			color:#fff;
			font-size:10px;
			font-weight:bold;
			top:-20px;
			}
		
	
/********************************************/
/* Conteneur pages interieures */
/********************************************/


#Bulle	{
	width:250px;
	margin:40px 0 0 378px;
	padding:0;
	color:#fff;
	font-size:12px;
	text-align:justify;
	}
	#Bulle	a { 
		color: #fff; text-decoration:underline;
		}


		

#BlocPoserQuestion	{
	margin:0 0 0 300px;
	padding:0;
	text-align:center;
	float:left;
	}
	
	
	
/********************************************/
/* Les classes */
/********************************************/

a.lienBleu:link, a.lien1:visited { color: #00a0c6; font-size:12px; font-weight: bold; line-height:18px; }
a.lienBleu:hover, a.lien1:active { color: #00a0c6; font-size:12px; font-weight: bold; line-height:18px; }


.Blc {
	color: #ffffff;
	}

.Vert {
	color:#67d300;
	}

.Rge {
	color:#d8001b;
	}

.Btn {
	font-size:12px;
	color:#000;
	}
	
.Error {
	color: #e55e15;
	}
		
.cache, h1 span, h2 span, h3 span {
	height: 1px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: -9999px;
	width: 1px;
	}


.TxtJustifie {
	text-align:justify;
	}
	
.TxtCentre {
	text-align:center;
	}

.Bold {
	font-weight:bold;
	}

.hr {
	height: 1px;
 	color: #fff;
 	background-color: #fff;
 	border: 0;
 }
 
/********************************************/
/* Positionnement */
/********************************************/
.droite {
	float: right;
	}

.gauche {
	float: left;
	}


.ClearBoth {
	clear: both;
	}

.VisibilityHidden {
	visibility:hidden;
	}

.MarginTop70px	{
	margin-top:70px;
	text-align:center;	
}


#Contenu #RubriquePublic table#Table {
		width:680px;
		margin:30px 5px 0 5px;
		padding:0;
		font-size:12px;
		}
#Contenu #RubriquePublic table#Table th.DebutTabDocumentation {
	background: url(../img/com/documentation/debutTab.gif) left top no-repeat;
	width:13px;
	height:28px;
	margin:0;
	padding:0;
	}
#Contenu #RubriquePublic table#Table th.DateDocumentation {
	background:#e55e15 url(../img/gb/documentation/date.gif) left top no-repeat;
	border-right: 1px solid #fff;
	width:102px;
	height:28px;
	}
#Contenu #RubriquePublic table#Table th.DocsDocumentation {
	background:#e55e15 url(../img/gb/documentation/docs.gif) left top no-repeat;
	border-right: 1px solid #fff;
	width:392px;
	height:28px;
	}	
#Contenu #RubriquePublic table#Table th.TelechargerDocumentation {
	background:#e55e15 url(../img/gb/documentation/telecharger.gif) left top no-repeat;
	width:122px;
	height:28px;
	}
#Contenu #RubriquePublic table#Table th.TelechargerDocumentationUp {
	background:#e55e15 url(../img/gb/documentation/upload.gif) left top no-repeat;
	width:122px;
	height:28px;
	}
#Contenu #RubriquePublic table#Table th.FinTabDocumentation {
	background: url(../img/com/documentation/finTab.gif) left top no-repeat;
	width:13px;
	height:28px;
	}
#Contenu #RubriquePublic table#Table th.CategoryDocumentation {
	background:#febb90 url(../img/gb/category_orange.gif) left top no-repeat;
	width:102px;
	height:28px;
	}

/********************************************/
/* cfwindow */
/********************************************/
#pageDocumentation .x-dlg .x-dlg-hd-left {background-color:#e55e15; background-image:none;}
#pageDocumentation .x-dlg .x-dlg-hd-left .x-dlg-hd-right {background-color:#e55e15; background-image:none;}
#pageDocumentation .x-dlg .x-dlg-hd-left .x-dlg-hd-right .x-dlg-hd {background-color:#e55e15; background-image:none;}
#pageDocumentation .x-dlg .x-dlg-dlg-body {border-bottom:3px solid #e55e15; border-right:3px solid #e55e15; border-left:3px solid #e55e15;}
#pageDocumentation .x-dlg-mask {
	opacity:0.6; 
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	background-color: #000;
}