@CHARSET "UTF-8";
*{padding:0;margin:0;}

body {
	background: #D9DADB none repeat scroll 0 0;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:13px;
	line-height:14px;
	color: #000000;
	min-width: 900px;
}

h1,h2,h3,h4 {margin-top:0;}
h1 {font-size: 18px;font-weight:bold;margin:0 0 30px;}
h2 {font-size: 16px;font-family:Arial;margin:0 0 20px;}
h3 {
	font-size: 14px;font-family:Arial;margin:0 0 15px;
	position:relative;	
	width:985px;	
	height:18px;
	margin-left: 30px;	
	line-height: 16px;
	border-bottom:2px solid #D9D9D9;
}

h1.blue,h1.orange,h2.blue,h2.orange {	position:relative;	width:985px;	height: 27px;	margin-left: 30px;	line-height: 30px;}
h1.blue,h2.blue {background: transparent none top left no-repeat scroll;color: #009DDF;border-bottom:2px solid #b0d5ee;}
h1.orange,h2.orange{background: transparent none top left no-repeat scroll;color: #F4A337;border-bottom:2px solid #F4A337;}
h1 img {float:left;	left:-24px;	position:absolute;top:7px;}

a,a:visited {color:#009DDF;text-decoration:underline;}
a:hover {text-decoration:underline;}


ul {list-style-type:circle;padding-left:0px;margin-left:20px;}
.fright {float:right;}
.row2 {background-color:#e9e9e9;}
.ajax {cursor:pointer;}
.clear { height:0px;font-size:0px;clear:both;}

img {border:0 none;}

form dl {height:1%;overflow:hidden;margin:0 0 10px;clear:both;}
form dl dt {display:block;float:left;padding-top:1px;text-align:left;width:130px;line-height:19px;}
form dl dd {text-align:left;margin-bottom:1px;margin-left:140px;}
form dd label {padding:0 5px 0 0;margin:0 10px 0 0;}
form dl dt.required {background: transparent url(required.png) no-repeat scroll right 6px;font-weight:bold;}

div.msgbox{
	font-size:1.1em;
	margin:0px auto 10px;
	border-style: solid;
	border-width: 2px;
	width:90%;
	padding: 4px 4px 4px 30px;
	background-repeat:no-repeat;
	background-position: 8px 5px;
}
div.validbox {
	background-image: url(true.png);
	background-color: #DFFFDF;
	border-color:#9FCF9F;
	color: #325F32;
}
div.errorbox {
	background-image: url(false.png);
	background-color: #FFE3E3;
	border-color:#DD0000;
	color: #740033;
}
div.infobox {
	
	background-color: #FFEBC1;
	border-color:#FDBF3B;
	color: #A6750C;
}

#wrapper {
	background: transparent url(site_background.png) repeat-y scroll left top;
	margin: 0 auto;
	padding: 0 9px;
	width: 1057px;
}

/*
 * menu du haut
 */
#top-menu {color:#FFFFFF;height:28px;background:transparent none;padding:0;font-size:13px;}
#top-menu ul {list-style-type:none;padding-left:0px;margin:0px;}
#top-menu li {
	list-style-type:none;
	white-space:nowrap;
}
#top-menu #links {
	background: transparent url(topmenu_background_left.png) top left no-repeat;
	height:21px;
	float:left;
	margin-left:10px;
}
#top-menu #links div {background: transparent url(topmenu_background_right.png) top right no-repeat;}
#top-menu #links ul {
	background: transparent url(topmenu_background_middle.png) top left repeat-x; 
	height: 21px;
	margin:0px 9px;
	padding:0;
}
#top-menu #links ul li {display:inline;margin-right:5px;}
#top-menu #links a { color:#FFF;font-weight: bold; }
#top-menu a.home, #top-menu a.my-page, #top-menu a.projects, #top-menu a.administration, #top-menu a.help { 
    background-position: 0% 40%;
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-top: 2px;
    padding-bottom: 3px;
}

#top-menu #account,#loggedas {float: right;margin-right:20px;}
#top-menu #account li {display:inline;}
#top-menu #account a {font-size:0px;color:#999;width:28px;height:28px;display:block;float: left;}
#top-menu #account a.loggedin { background-image: url(topmenu_icon_loggedin.png); }
#top-menu #account a.loggedout { background-image: url(topmenu_icon_loggedout.png); }
#top-menu #account a.register { background-image: url(topmenu_icon_account_off.png); }
#top-menu #account a.my-account { background-image: url(topmenu_icon_account_on.png); }

#top-menu #loggedas, #loggedas a {color:#999;}
#top-menu #loggedas {line-height:28px;margin-right:10px;}
#top-menu #loggedas a {font-weight:bold;}

/*
 * header
 */
#header {
	clear:both;
	background: transparent url(header_background.png) top left no-repeat;
	height: 82px;
	color:#29ABE2;
}
#header h1 {
	font-size:45px;
	margin:0 0 0 35px;
	padding-top:31px;
	color:#F9F9F9;
}
#header .subtitle {
	color:#000;
	float:right;
	margin-right:80px;
	margin-top:39px;
}

#menu {
	background: transparent url(menu_background.png) top left no-repeat;
	height: 22px;
	margin: 0 29px;
	padding: 0 10px;
	line-height:20px;
}

#menu ul {list-style-type:none;padding-left:0px;margin:0px;}
#menu ul li {display:inline;margin-right:10px;}
#menu ul li a {
	color:#FFF;
	font-size:11px;
	font-weight: bold; 
  padding-left: 15px;
}

#menu a.home {background:transparent url(menu_home.png) top left no-repeat scroll; }
#menu a.suscribe {background:transparent url(menu_suscribe.png) top left no-repeat scroll; }
#menu a.techno {background:transparent url(menu_techno.png) top left no-repeat scroll; }
#menu a.who {background:transparent url(menu_who.png) top left no-repeat scroll; }
#menu a.formule {background:transparent url(menu_formule.png) top left no-repeat scroll; }
#menu a.contact {background:transparent url(menu_contact.png) top left no-repeat scroll; }
#menu a.help {background:transparent url(menu_help.png) top left no-repeat scroll; }


/*
 * Contenu
 */
#main {padding-top:20px;}
#content {
	padding: 5px 20px;
}
#content p {margin:0 0 8px;}

fieldset.orange {
	border: 1px solid #fde7c9;
	background-color: #fff6e9;
	color: #000;
}

fieldset.login {
	width:400px;
	margin: 10px auto;
	padding:5px;
}

ul.sommaire li ol { margin-left:20px;}


/*
 * Formulaires
 */



#footer {
	color:#666;
	margin:0 auto;
	width:1007px;
	background:transparent none repeat scroll 0 0;
	clear:both;
	font-size:0.9em;
	text-align:center;
}

#footer a {
	color:#666;
	font-weight:bold;
	border-bottom:1px dashed #666;
}

#footer a:hover {border-bottom:1px solid #666;}

#wrap-end {
	background:#D9DADB url(footer_background.png) no-repeat scroll left bottom;
	height:10px;
	margin:0 auto;
	padding:0 9px;
	width:1057px;
}

#debug {
	border:1px solid #C91035;
	font-size:12px;
	margin:0 auto;
	padding:5px;
	position:relative;
	width:95%;
	word-wrap:break-word;
}
#debug pre.query {
	border:1px dashed #999999;
	display:block;
	margin:0 auto;
	padding:3px;
	width:99%;
}