/*--------------------------------------------------
    DEFINITION  Feuille de style générale
    PROJET		PFI
    VERSION		20-06-2010
--------------------------------------------------*/

* {	margin:0; padding:0;}
body { background: #323245 url("../img/arab1.gif") no-repeat left top; margin:0; padding:0;}

/*----- I. ELEMENTS DE BASE -----*/

/*--- Liens ---*/
a img { border:none;}

/*--- Formulaires ---*/
input, button, select { vertical-align:middle;}
#gauche input, #gauche textarea { background:#F9FCF5; border:1px solid #99CC66; padding:2px;}
#gauche p input { float:left;}
#gauche p label { width:150px; float:left; text-align:right; padding-right:10px;}
div.form form p { overflow:hidden;}
.errors { color:#F15640; margin-bottom:10px;}
.errors strong { color:#F15640;}
.thanks { color:#99CC66; margin-bottom:10px;}
.thanks strong { color:#99CC66;}
#gauche input.required, #gauche textarea.required { border:1px solid #F15640; background:#fef0ee;}
#gauche label.required { color:#f15640;}
#gauche input.button { font-family:Arial,Helvetica,sans-serif; color:#fff; background:#4E4F5F; border:1px solid #323245; margin-left:160px; cursor:pointer;}
#gauche input.button:hover { background:#323245;}
#gauche input.cancel, #gauche input.abo { margin-left:10px;}
#gauche fieldset { border:0;}

/*--- Résultats de recherche ---*/
p.ajaxSearch_resultsInfos { color:#aaa;}
.paging1 { text-align:center; margin-bottom:10px;}
.ajaxSearch_currentPage { color:#f15640; font-weight:bold;}
.ajaxSearch_highlight { background:#fef1ab;}
a.ajaxSearch_resultLink { font-weight:bold;}

/*----- II. MISE EN PAGE -----*/

#haut {	width:720px; height:20px; padding:0; margin:0 auto; clear:both; background:url("../img/back_haut.png");}
#global { width:700px; margin:0 auto; background: url("../img/backgroung.png"); padding:0 10px; border:0; clear:both;}
#entete { background:#F43C20 url("../img/bg_entete.gif") repeat-x; margin:0; padding:0; height:150px; position: relative;}
#entete a.drapeau { position: absolute; right: 10px; top: 10px;}
#piedpage {	background:url("../img/piedpage.gif"); height:20px; width:700px; margin:0 auto;	clear:both;	padding:0 10px;	text-align:right; color:#727272; font-family:Arial,Helvetica,sans-serif; font-size:10px; line-height:20px;}
#piedpage a { color:#727272; text-decoration:none;}
#piedpage a:hover {	color:#fff;	text-decoration:none;}
#menuhaut {	height:40px; width:700px; background:#4e4f5f url("../img/back_menu_haut.gif") repeat-x;}

/*--- Contenu principal ---*/
#gauche { width:475px; padding:0 10px 0 15px; float:left; margin:0; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; line-height:17px; color:#333;}
#global #general #gauche a { color:#323245;}
#global #general #gauche a:hover { color:#F53B20;}
#global #general #gauche h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #f53b20;
	padding-right: 10px;
	line-height: 21px;
	margin-left: -15px;
	padding-left: 5px;
	margin-bottom: 10px;
	clear: both;
	margin-right: 50px;
}
#global #general #gauche h2 {
	color: #F53B20;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: -15px;
	text-transform: uppercase;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #F53B20;
	padding-left: 5px;
	margin-bottom: 10px;
}
#global #general #gauche h3 {
	color: #99CC66;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-size: 14px;
	margin-left: -15px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #99CC66;
	padding-left: 5px;
	margin-bottom: 10px;
}
#global #general #gauche h4 {
	color: #323245;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-size: 14px;
	margin-left: -15px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #323245;
	padding-left: 5px;
	margin-bottom: 10px;
}
#global #general #gauche h5 {
	color: #323245;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-size: 12px;
	margin-left: -15px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #323245;
	padding-left: 5px;
	margin-bottom: 5px;
}
#global #general #gauche p { margin:0 0 10px; padding:0;}
#global #general #gauche ul { margin-left:25px; margin-bottom:10px;}
#global #general #gauche ol { margin-left:40px; margin-bottom:10px;}
#global #general #gauche img { 
	/*border:1px solid #999; */
	padding:10px; 
	margin:2px;
}
#global #general #gauche img.icone { border:0; padding:0; margin:0;}

/*--- Champ de recherche ---*/
#global #menuhaut #formsearch { height:40px; width:200px; float:right; margin:0; padding:0;}
#global #menuhaut #formsearch .searchform {	height:13px; width:140px; margin:0;	padding:2px; background:url("../img/bgform.gif") repeat-x; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; line-height:13px; color:#4C4D5D; border:1px solid #323245;}
#global #menuhaut #formsearch td, #global #menuhaut #formsearch img, #global #menuhaut #formsearch input { margin:0; padding:0;}

/*--- Menu de navigation ---*/
#global #menuhaut #menutop ul {	list-style-type:none;}
#global #menuhaut #menutop ul li { display:inline; float:left; margin:0; background:url("../img/separmenu.gif") no-repeat; background-position:right; padding:0 2px 0 0;}
#global #menuhaut #menutop { height:40px; width:500px; float:left; margin:0; padding:0;}
#global #menuhaut #menutop a {
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	display: block;
	height: 30px;
	line-height: 30px;
	border-top-width: 10px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #2e2e3a;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
* html #global #menuhaut #menutop a { width:10%;}
#global #menuhaut #menutop a:hover { border-top-color:#99cc66; color:#A6A7B3;}
#global #menuhaut #menutop li.active a { font-weight:bold; border-top-color:#99cc66;}

/*--- Fil d'arianne ---*/
#global #general #gauche #miettes { font-family:Arial,Helvetica,sans-serif;	font-size:11px;	color:#aaa;	margin:2px 0 5px -8px; padding:0; min-height: 25px;}
#global #general #gauche #miettes a { color:#aaa; text-decoration:underline;}
#global #general #gauche #miettes a:hover { color:#F15640;}

/*--- Menu contextuel ---*/
#global #menudroite { width:200px; float:right; margin:0; padding:0;}
#global #general #menudroite ul {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
#global #general #menudroite #menulocal { background:url("../img/bgmenudroite.gif"); margin:0; padding:0;}
#global #general #menudroite #menulocal #menulocaltop {
	background-image: url(../img/bgmenudroite_top.gif);
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 5px;
line-height: 5px;
font-size:4px;
}
#global #general #menudroite #menulocal ul li ul li {
	background-image: url(../img/puce.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
line-height: 20px;

}
#global #general #menudroite #menulocal ul li ul li ul li {
	background-image: url(../img/puce.gif);
	background-repeat: no-repeat;
	background-position: 20px 5px;
line-height: 20px;

}
#global #general #menudroite #menulocal ul li ul li ul li a {
	color: #eaf2ee;
	text-decoration: none;
font-size:9px;
	display: block;
	padding-left: 35px;
	height: 20px;
	line-height: 20px;
	width: 170px;
}
#global #general #menudroite #menulocal ul li ul li ul li a:hover { color:#99CC66;}
#global #general #menudroite #menulocal a {
	color: #eaf2ee;
	text-decoration: none;
	display: block;
	padding-left: 10px;
	height: 20px;
	line-height: 20px;
	width: 190px;
	background-image: url(../img/fleche.gif);
	background-repeat: no-repeat;
	background-position: 190px center;
}
#global #general #menudroite #menulocal a:hover {
	background-image: url(../img/bgmenudroite_hover.gif);
	background-repeat: repeat;
	background-position: left top;
	color: #99CC66;
}
#global #general #menudroite #menulocal ul li ul li a { width:175px; padding-left:25px;}
#global #general #menudroite #menulocal>ul>li.active>a { color:#2E2E3A;}
#global #general #menudroite #menulocal>ul>li.active {
	background-image: url(../img/bgmenudroite_activ.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#global #general #menudroite #menulocal>ul>li.active>ul>li.active>a { color:#99CC66; font-weight:bold;}
#global #general #menudroite #permanent a {
	color: #2E2E3A;
	text-decoration: none;
	display: block;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	background-image: url(../img/fleche.gif);
	background-repeat: no-repeat;
	background-position: 190px center;
}
#global #general #menudroite #permanent a:hover { color:#EA351D;}
#global #general #menudroite #permanent li {
	background-image: url(../img/separmenudroite.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#global #general #menudroite img.conne {
	text-align: right;
	float: right;
	margin-top: 20px;
	margin-bottom: 5px;
}
#global #general #menudroite>ul>li>a {
	color: #669933;
	text-decoration: none;
	display: block;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}
#global #general #menudroite>ul>li>a:hover { color:#EA351D;}
#global #general #menudroite>ul { clear:both; text-align:right; margin-right:10px;}

* html #global #general #menudroite ul.LR_linksList {
	clear: both;
	text-align: right;
	margin-right: 10px;
}
* html #global #general #menudroite ul.LR_linksList li a {
	color: #669933;
	text-decoration: none;
	display: block;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}
* html #global #general #menudroite ul.LR_linksList li a:hover { color:#EA351D;}
#global #general #menudroite .connectuser {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	margin-right: 10px;
	color: #323245;
	background-color: #E4DAC2;
	margin-left: 10px;
	padding: 4px;
}
#global #general #finir { clear:both;}
#global #findepage {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 700px;
	height: 1px;
	background-color: #323245;
}
#global #general #gauche table.login td { padding:4px;}
#global #general #gauche .vignette {
	margin: 2px;
	padding: 14px;
	height: 110px;
	width: 180px;
	background-image: url("../img/ar_pl.gif");
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*--- Pied de page ---*/
#piedpage ul { display:inline;}
#piedpage li { display:inline; padding:0 5px; border-right:1px solid #B9B6B1;}