/********************** General rules *********************/
*{font-size:100.01%;	margin:0;	padding:0;	}
html{font-size:100.01%;padding: 0; margin: 0;height:100%; }
body {height:101%;font-size:100.01%;padding: 0; 
		line-height:150%;margin: 0;font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #555;  
		background:#fff url(../images/bluestrip1.jpg) top left  repeat-x;}

/********************** General Links ***********************************/
a:link 				{ color: #08205c; text-decoration: none;border-bottom:1px solid #aaa;}
a:visited 			{ color: #08205c; text-decoration: none;border-bottom:1px solid #08205c;}
a:hover, a:focus, a:active {color: #08205c;background-color:#eee; border-bottom:1px solid #aaa;}
 
/********************** Navigation Lists ******************/
.navlist {font-size:70%;display:block;width:90%;padding-left: 0;margin-left: 10px;margin-bottom:15px; border-bottom:1px solid #E5E5E5; margin: 0px 0px 7px 10px;padding-bottom:1em;}
.navlist li{list-style: none;margin: 0;width:80%; line-height:15px;}
.navlist a {display:block;background: url(../images/arrow.gif) no-repeat 0px 0.6em;text-decoration:none;border-bottom:none;}
.navlist li a { display:block;text-decoration: none;text-indent:2px; width:100%;}
.navlist a:link, .navlist a:visited {padding:3px 0 3px 10px;	color:#08205c;border-bottom:none;border-bottom:1px solid #fff;}
.navlist a:visited {color:#333;}
.navlist a:hover, .navlist a:focus, .navlist a:active {background:#eee url(../images/darkarrow.gif) no-repeat 0px 0.6em;color: #08205c; border-bottom:1px solid #aaa;}
#home #nav-home, #portfolio #nav-portfolio, #faqs #nav-faqs, #contact #nav-contact, #about #nav-about, #standards #nav-standards, 
#services #nav-services {font-weight:bold;color:#08205c;background-image: url(../images/darkarrow.gif);background-repeat: no-repeat;
background-position: 2px 1em;}
.lienlev1 { }
.lienlev2 { margin-left: 1.5em;}
.forml { font-size:76%; }
.formulaire_recherche { font-size:100%; padding-top: 3em;}
.formulaire_spip{  }
.row_first { background-color:#333333; color:#FFFFFF;}
.more {font-style:italic;}
.belowRubriques {border-top:1px solid #E5E5E5;}
.belowRubriques li {display:block;}

#access {height:80px;position:absolute; top:0px; right:0; padding-right:80px;font-size:60%;
/*background: url(../images/newlook.gif) top right  no-repeat;*/}

#bande-chemin {font-size: 9px;}

#langSelection {left:5em; padding: 5em 0 0 0; float:right; font-size:80%;}

#menu-lang{	
		text-align:right;
		top:100px;
		position:relative;
		right:5px;
}
a.menu-lang:hover {
	font-size:70%;
	border: 0;
	padding:3px;
	background: #FFFFFF;
	color: #000066;
}
a.menu-lang {
	background: #3399FF;
	border: 0;
	padding:3px;
	font-size:70%;
	color: #FFFF33;
}

#access li {float:left; list-style-type: none; padding: 0 .6em 0 1em;}
#access li a:focus, #access li a:hover, #access li a:active {background-color:#ddd;}
#options {font-size:70%; list-style:square;margin-left:20px; padding-left:20px;}
#options li a:link, #options li a:visited  {text-decoration:none;border:none;}
#options li a:hover, #options li a:focus, #options li a:active {color: #08205c; border-bottom:1px solid #aaa;}
#recent {margin:10px 0 10px 0; list-style:none;}
#recent li {margin-bottom:5px;}
#footerlist li {display: inline;list-style-type: none; padding: 0 .5em 0 0;}
#footerlist li a:link {border-bottom:0px solid #bbb;}

.navlist span {display:block;padding:.3em 0 .3em 18px;font-weight:bold;color:#08205c;
				background-image: url(../images/darkarrow.gif);
				background-repeat: no-repeat;background-position: 6px 1em;}

/********************** Images ******************/
#head img {margin:26px 0 0 2.5%; padding:0;border:none;border: 1px solid #fff; float:left;}
#head a.logo {text-decoration:none;border-bottom:none;background-color:white;}
#head a.logo:link img, #head a.logo:visited img {border: 1px solid #fff;text-decoration:none;}
#head a.logo:hover img, #head a.logo:focus img  {border: 1px solid #E5E5E5;text-decoration:none;}
#recent li img {border:none;}
img.icon  {border:none; text-decoration:none;float:none;}
img.icon a {border:none; text-decoration:none;float:none;}
#portfolio #text img.big {display:block; margin:0 auto;}
#portfolio-cs img.browserpic {margin-left:17px;}
#sidebar2 img .oldsite {margin-left:5px;}
#faqlist dd img .icon {padding:0 5px 0 10px; padding:0;}
#faqlist dd img.badges {margin-left:20px; padding:0;}
#clientlist img.icon  {border:none; text-decoration:none;float:none;margin:0; padding:0;}
#clientlist dd img {float:right;margin-bottom:10px;}
#clientlist a:link img, #clientlist a:visited img {border: 1px solid #fff;text-decoration:none;}
#clientlist a:hover img, #clientlist a:focus img  {border: 1px solid #E5E5E5;text-decoration:none;}
#recent a:hover, #recent a:active {background-color:white;} 
#recent a {text-decoration:none; border-bottom:none;}
#recent  a:link img, #recent  a:visited img {border: 1px solid #fff;text-decoration:none;}
#recent a:focus img, #recent  a:hover img, #recent  a:active img {border: 1px solid #E5E5E5;text-decoration:none;}
#boxes a:hover, #boxes a:active {background-color:white;} 
#boxes a {text-decoration:none; border-bottom:none;}
#boxes  a:link img, #boxes  a:visited img {border: 1px solid #fff;text-decoration:none;}
#boxes  a:hover img, #boxes a:focus img, #boxes  a:active img {border: 1px solid #E5E5E5;text-decoration:none;}
#about #sidebar2 {text-decoration:none;border:none;}
#about #sidebar2  a {text-decoration:none;border:none;background-color:#fff;}
#about #sidebar2  a:link img, #about #sidebar2  a:visited img {border: 1px solid #fff;text-decoration:none;}
#about #sidebar2  a:focus img, #about #sidebar2  a:hover img, #about #sidebar2  a:active img {border: 1px solid #E5E5E5;text-decoration:none;}
#about #sidebar2 img {margin-left:12px;}
#templatelist a:hover, #templatelist a:active {background-color:white;} 
#templatelist a {text-decoration:none; border-bottom:none;}
#templatelist  a:link img, #templatelist  a:visited img {border: 1px solid #fff;text-decoration:none;}
#templatelist  a:hover img, #templatelist a:focus img, #templatelist  a:active img {border: 1px solid #E5E5E5;text-decoration:none;}

/********************** Headings ******************/

h1 {font-size:110%;  text-transform:uppercase;word-spacing:0.1em;letter-spacing:1px;color: #08205c;margin:10px 0 15px 20px;border-bottom:1px solid #E5E5E5;}
h2 {font-size:100%;  text-transform:uppercase;word-spacing: 0.1em;letter-spacing: 1px;color:#08205c; margin: 10px 0 12px 0px;border-bottom:1px solid #E5E5E5;}
h3 {font-size:90%; text-transform:uppercase;word-spacing:0.1em;color:#08205c; margin: 10px 0 3px 20px;letter-spacing: 1px; border-bottom:1px solid #E5E5E5;}
h4 {font-size:100%; color:#08205c; margin: 10px 0 12px 20px;}
.increased_text {font-size:100%;  text-transform:uppercase;word-spacing: 0.1em;letter-spacing: 1px; color:#08205c;font-weight:bold;}
#text h2 {font-size:90%;}
#sidebar2 h3 {margin-top:20px;}
#sidebar2 h2 {font-size:95%;}
#sidebar h2{font-size:80%;}
h3.optionsheading  {font-size:70%;}
#portfolio #text h2 {clear:both;}
#notfound h1 {color:#cd0000;}
/********************** Main Page sections ******************/

#head {margin-top:0;padding-top:0;text-align:left; height:180px;clear:both;}

#mainbox {clear:both;
		width:97%;
		margin-top:10px;
	/*	min-width:400px;
		max-width:800px; */
		margin-left:.5%;
		margin-right:.5%;
		margin-bottom:50px;
}


#intranetlogin { width:80%;}

#text {font-size:75%;float:right;width:74%;text-align:justify;}
#text p {margin: 15px 10px 10px 0px;}
#sidebar {float:left; width:22%; margin-top:24px; padding-right:10px;}

#sidebar p {padding:0 20px 10px 20px;}

#sidebar2 {float:right; width:40%;max-width:400px;margin:10px 0px 20px 2%;
			border-left:1px solid #ccc;
			background-color:#FFFFFF;
			}
#sidebar2 h2 {margin:5px 0 20px 2%;}

#sidebar2 p { padding:0px 0px 10px 5px;}
#footer {margin:0px 20px 20px 20px;
		clear:both;height:2em;
		font-size: 70%; 
		border-top:1px solid #E5E5E5;}
#footer .left {float:left; width:39%;text-align:left;}
#footer .right {float:right; width:59%; text-align:right;}

/********************** Forms ******************/
#form {padding-left:20px;margin-left:0;}
fieldset {border: none;}
input {background-color: #fff;border:1px solid #ccc;width:30%;height:1.6em;padding:0 5px 1px 5px; margin-bottom:5px;}
input:focus, select:focus, textarea:focus {background:#f4f4f4;}
input:hover, select:hover, textarea:hover {background:#f4f4f4;}
legend {display:none;}
label {cursor: pointer; }
textarea {border:1px solid #ccc;width:61%;font-size:120%;}

.submit {background:#e1eaf3;width:40%;border:1px solid #ccc;padding:2px 4px;height:1.2em;}
.submit:hover {background:#fff;}

#sitemap input.button {color:#fff; background:#204486 url(../images/bluebar.jpg) repeat-x;margin:0;height:2em;width:5em;padding:0;}
#sitemap input {border:1px solid #ccc;margin:0 0 0 0;padding:4px;height:1.3em;}
#searchform {margin-left:20px;}
.validationerrors ol {margin-left:20px;padding-left:20px;margin-bottom:10px;}
.required {color:#da2931;}
#formdiv {margin-left:20px;}
#standards textarea {width:90%;}
/********************** Other Stuff ******************/ 
abbr, acronym, .help {border-bottom: 1px dotted #333;cursor: help;}	
blockquote {background: url(../images/quotemarks.gif) left top  no-repeat;margin-left:22px;padding-left:10px;margin-bottom:40px;}
cite {background: url(../images/quotemarks1.gif) right top no-repeat;padding:5px 20px 0 10px; margin-top:-10px;text-align:right;float:right;width:80%; font-style:normal;font-weight:bold;}
#sidebar2 blockquote {margin-top:20px;}
#sidebar2 cite {font-size:70%;margin-top:-15px;width:90%;}
sup {font-size:70%;}
hr {height: 1px;background-color: #E5E5E5;color: #E5E5E5;border: none;padding: 0;margin: 1em 0;}
#result_report, #results {margin-left:20px;}
.haslayout {position:absolute;}
/***************** Clearfix ****************/
.clearfix:after {content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/***************** Other lists ****************/
dt {font-weight:bold;}
dl {margin-bottom:1em;margin-left:20px;}
dd {margin-bottom:1em;}
#faqlist dt a:visited {color:#000}
#faqlist dd  {border-left:2px solid #f4f4f4;margin-left:0;}
.normallist, #questionlist {margin-left:20px; padding-left:20px; list-style-type:square;margin-bottom:20px;}
#badges li {padding-bottom:5px;}
#sidebar2 ul li {margin-left:10px; padding-left:20px; list-style-type:none;}
#linklist  li {padding-bottom:5px; font-size:95%;list-style-type:none;}
#questionlist ul {margin-left:0; padding-left:0;}
#address {margin-bottom:30px;}
#boxes {margin-left:20px;}
#clientlist dt {clear:both;}
#questionnaire {margin-left:20px;padding-left:20px;}
#questionnaire li {margin-bottom:50px;}
#clients #text ul {margin-left:40px;}
#clients #text li {list-style-type:square;}
#templatelist {margin-left:20px;}
#templatelist li  {float:left; list-style-type:none;}
#boxes li  {float:left; list-style-type:none;}
p.btt {clear:both;}

img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center;}
.spip_documents_center { clear: both; width: 100%; margin: auto; margin:25px 0 25px 0;}
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

.paragraph_right {text-align:right;}

.IntranetTitle{ font-weight:bold;
				font-size:80%;
				padding-left:7px;
				text-transform:uppercase;
				word-spacing: 0.1em;
				letter-spacing: 1px;
				color:#08205c; 
				margin: 10px 0 12px 0px;
}

.login {
			font-size:60%;
			text-align:right;
			width:100%;	
}

.loginform {text-align:right; 
			font-size:70%;
			padding:10px;}

.offsite {
			padding-left:30px;
}

.row_odd {
	background-color:#CCCCCC;
}
.row_even {
	background-color:none;
}