/*
* Général
*/



h1, h2, h3, h4, h5
{
	font-family:"Trebuchet MS", Arial, Sans-serif;
}

body
{
	background:#d9d5d3 url(../img/fond.gif) repeat-x scroll top left;
	font-family:"Trebuchet MS", Arial, Sans-serif;
	color:#252525;
	font-size:13px;
	line-height:20px;
}

#fondGeneral
{
	background:transparent url(../img/fondGeneral.gif) no-repeat top center;
	width:100%;
}

a
{
	color:#000000;
	text-decoration:underline;
}

a:hover
{
	text-decoration:none;
}

/*
* Login
*/
.login
{
	width:545px;
	height:332px;
	background:transparent url(../img/login.gif) scroll top left no-repeat;
	margin:159px auto 0 auto;
}

input.large
{
	width:176px;
	padding:0;
	border:0px none white;
	background:transparent url(../img/text-190.gif) scroll top left no-repeat;
	padding-top:7px;
	padding-left:7px;
	padding-right:7px;
	height:23px;
	font-weight:bold;
	color:#252525;
}

input.large.error
{
	background:transparent url(../img/text-190-error.gif) scroll top left no-repeat;
}

input.bouton
{
	width:195px;
	height:55px;
	background:transparent url(../img/bouton.gif) scroll top left no-repeat;	
	padding:0;
	border:0px none white;
	font-weight:bold;
	color:#F8F8F8;
	cursor:pointer;
}

input.bouton:hover
{
	background-position:0px -55px;
}

.login #email
{
	margin-left:285px;
	margin-top:114px;
	position:absolute;
}

.login #password
{
	margin-left:285px;
	margin-top:164px;
	position:absolute;
}

#submitLogin
{
	margin-left:285px;
	margin-top:215px;
	position:absolute;	
}

label.error
{
	position:absolute;
	height:0px;
	width:0px;
	overflow:hidden;
	visibility:hidden;
	opacity:0;
}

div.erreur
{
	width:366px;
	height:62px;
	font-size:14px;
	font-weight:bold;
	color:#581818;
	background:transparent url(../img/erreur.gif) scroll top left no-repeat;		
	padding-left:110px;
	padding-top:44px;
}

div.erreur span
{
	display:block;
	width:345px;
	text-align:center;
}

div.ok
{
	width:366px;
	height:62px;
	font-size:14px;
	font-weight:bold;
	color:#08651e;
	background:transparent url(../img/ok.gif) scroll top left no-repeat;		
	padding-left:110px;
	padding-top:44px;
}

div.ok span
{
	display:block;
	width:345px;
	text-align:center;
}

#errorLogin
{
	margin-left:27px;
	margin-top:-85px;
	position:absolute;
	z-index:100;
}

#okLogin
{
	margin-left:27px;
	margin-top:-85px;
	position:absolute;
	z-index:50;
}

.login #oublie
{
	margin-left:49px;
	margin-top:220px;
	position:absolute;
}

.login #retour
{
	margin-left:49px;
	margin-top:250px;
	position:absolute;
}

/* 
*	Accordeon
*/
#hautMenu
{
	padding-left:12px;
	width:965px;
	height:107px;
	background-color:#f8f8f8;
	background:#f8f8f8 url(../img/menuHaut.gif) scroll top left repeat-x;	
}

ul#topMenu 
{  
	list-style: none;  
	position: relative;  
	margin: 0;  
	padding: 0;  
}  
ul#topMenu li
{  
	display: block;  
	overflow: hidden;  
	padding: 0;  
	cursor: pointer;
	width:139px;	
	height:106px;
} 

/*
*	Administration
*/
#content
{
	width:1022px;
	margin:0 auto;
	background:transparent url(../img/milieu.png) scroll top left repeat-y;	
}

#content .hautDesign
{
	background:transparent url(../img/haut.gif) scroll top left no-repeat;		
}

#content .basDesign
{
	background:transparent url(../img/bas.png) scroll bottom left no-repeat;	
}

#content .inter
{
	height:auto !important;
	height:805px;
	min-height:805px;
	padding-left:23px;
	padding-right:23px;
	padding-top:67px;
}

#content #padding
{
	padding:8px 8px 40px;
}

h1
{
	font-size:30px;
	font-weight:normal;
	border-bottom:1px solid #252525;
	line-height:37px;
	height:40px;
	margin-bottom:15px;
}

h2
{
	font-size:25px;
	font-weight:normal;font-style:italic
}

.line1
{
	height:300px;
	padding-top:15px;
}

/*
*	Tableaux
*/

table.tableau
{
	width:100%;
	margin-top:5px;
	border-spacing: 1px;
	background:#666666;
	border-collapse: separate;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    -khtml-border-radius: 3px; 
	border-radius: 3px;
	behavior: url(border-radius.htc); 
	*border:1px solid #666666;
	*border-bottom:1px none #666666;
}

table.tableau table
{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;	
}

table.tableau table td img
{
	vertical-align:text-bottom;
}

img.icone
{
	vertical-align:text-bottom;
}

table.tableau table td span.red
{
	padding:0;
	color:red;
	font-weight:bold;
}

table.tableau table td
{
	padding:5px;
	*border-bottom:1px none #666666;
}

td.lien
{
	cursor:pointer;
}

td.lien:hover
{
	background:#eafbe5 url(../img/lien.gif) scroll top left repeat-x;
}

td.lien:hover a
{
	text-decoration:none;
}

tr.pair
{
	background:#f0f0f0 url(../img/pair.gif) scroll top left repeat-x;
}

tr.pair td
{
	*background:#f0f0f0 url(../img/pair.gif) scroll top left repeat-x;
	*border-bottom:1px solid #666666;
}

tr.impair
{
	background:#ffffff url(../img/impair.gif) scroll top left repeat-x;
}

tr.impair td
{
	*background:#ffffff url(../img/impair.gif) scroll top left repeat-x;
	*border-bottom:1px solid #666666;
}

/*
* Fil d'arianne
*/

.arianne a
{
	color:white;
	text-decoration:none;
}

.arianne
{
	height:19px;
	font-weight:bold;
	font-size:12px;
	line-height:17px;
	margin-left:-9px;
	margin-top:10px;
	margin-bottom:20px;
}

.arianne .fin
{
	background:#dddddd url(../img/dernierArianne.gif) no-repeat top left scroll;
	padding-right:20px;
	padding-left:30px;
	color:#000000;
}

.arianne .mil
{
	background:#33d058 url(../img/separation.gif) no-repeat top left scroll;
	padding-right:20px;
	padding-left:30px;
	color:#ffffff;
}

.arianne .deb
{
	background:#33d058;
	padding-right:20px;
	padding-left:30px;
	color:#ffffff;
}

.arianne .fin2
{
	width:8px;
	background:transparent url(../img/finArianne.gif) no-repeat top left scroll;
}

.tooltip
{
	cursor:help;
}

.justify
{
	text-align: justify;
}

#bienvenue
{
	color:#F8F8F8;
	font-size:18px;
	font-weight:bold;
	margin-left:510px;
	margin-top:10px;
	position:absolute;
	text-align:right;
	width:300px;
	line-height:20px;
}

#bienvenue em
{
	font-size:12px;
	line-height:33px;
}

.largeText
{
	width:300px;
	border:1px solid #252525;
	color:#252525;
	background-color:#FFFFFF;
}

.largeText.error
{
	border:1px solid #990000;
	color:#990000;
	background-color:#fff5f5;
}

.largeSelect
{
	width:300px;
	border:1px solid #252525;
	color:#252525;
	background-color:#FFFFFF;
}

.largeSelectAdd
{
	width:270px;
	border:1px solid #252525;
	color:#252525;
	background-color:#FFFFFF;
}

.bloc
{
	border:1px solid #252525;
	padding:15px;
}

.iconesLigne
{
	margin-left:-30px;
	margin-top:6px;
	position:absolute;
	width:24px;
	height:85px;
	background:transparent url('../img/ligne.gif') no-repeat top left scroll;
	padding:6px;
}

div.interieurBloc
{
	padding:3px;
	height:auto !important;
	height:50px;
	min-height:50px;
}

div.affichageModule
{
	width:128px;
	height:220px;
	background:transparent url('../img/module.gif') no-repeat top left scroll;
	float:left;
	display:inline;
	margin:3px;
	position:relative;	
}

div.affichageModule span.interieur
{
	position:absolute;
	top:90px;
	width:100px;
	height:60px;
	left:14px;
	color:#252525;
	text-align:center;
}

div.affichageModule span.interieur2
{
	position:absolute;
	top:135px;
	width:100px;
	height:60px;
	left:14px;
	color:#252525;
	text-align:center;
}

div.affichageModule img.interieur
{
	position:absolute;
	top:20px;
	left:40px;
	color:#252525;
	text-align:center;
	vertical-align:middle;
}

div.affichageModule a.config
{
	position:absolute;
	bottom:35px;
	left:8px;
}

div.affichageModule a.detail
{
	position:absolute;
	bottom:7px;
	left:8px;
}

div.affichageTheme a.use
{
	position:absolute;
	bottom:1px;
	left:30px;
}

div.affichageTheme a.use2
{
	position:absolute;
	bottom:28px;
	left:30px;
}

div.affichageTheme
{
	width:210px;
	height:220px;
	background:transparent url('../img/theme.gif') no-repeat top left scroll;
	float:left;
	display:inline;
	margin:10px;
	position:relative;	
}


div.affichageTheme .titreTheme
{
	position:absolute;
	width:210px;
	text-align:center;
	top:7px;
}

img.imgtheme
{
	border:1px solid #666666;
	left:29px;
	position:absolute;
	top:35px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    -khtml-border-radius: 3px; 
    border-radius: 3px; 
	behavior: url(border-radius.htc); 
}

.close
{
	right:5px;
	top:5px;
	position:absolute;
}

#marron
{
	width:100%;
	height:75px;
	background-color:#5b504b;
}