@charset "UTF-8";

* {
margin: 0;
padding: 0;
border: 0 none;
}

/* Grid : Général */
.hPosition{margin: 0 auto;width:50%;}
html, body {height: 100%;}
#container {min-height: 100%;}
#container {position: relative;}

/* Grid : pré-header */
#preheader {margin-bottom: 1em; height: 3em; padding-top: 5px;padding-bottom: 10px;}
	/* Grid : pré-header / recherche */
	#recherche {padding: 0.5em;float:right;}
	#recherche label {display:none;}

/* Grid : contenu */
#content.hPosition {margin-top:2em;width:50%}
#content {margin-top: 1em;padding: 1.5em;}
#content p, #content span.spanforinlineadress, #content address{padding-bottom: 0.2em;}
#content li{padding-bottom: 0.5em;}
#content h2{margin-bottom: 0.8em;}
#content h3{margin-top: 0.6em; margin-bottom: 0.2em;}
#content ul{padding-bottom: 1em;}
#content ul, #content ol {margin-left: 2em;}
#content dd {margin-bottom: 0.8em;}
#content input, #content textarea, #content code {padding: 0.2em;}
#content img {vertical-align:middle;}
#content ul#post_pager {margin: 0 auto;width:80%;margin-top: 0.6em;margin-bottom: 0.6em; list-style :none;}
#content ul#post_pager li {display: inline; margin-left: 1em;}
#content p.jumplink {margin-top: 1em; text-align: right;}

/* Grid : élément juste avant le footer */
#last-element {margin-bottom: 0;padding-bottom: 7em;}

/* Grid : Pied de page */
#footer {position: absolute;bottom: 0;left: 0;width: 100%;height:4em;padding-top: 0.5em;padding-bottom: 0.5em;text-align:center;}

/* Contenu : Général */
body{font-size: 0.625em;}
.clear {clear:both;}
a:hover {text-decoration:none;}
ol, ul {list-style:none;}
span.spanforinlineadress, address, p{font-size: 1em;}

/* Contenu : Touches clavier */
kbd {
	color:#000;
	background-color:#EAE9D7;
	border-top:#F5F8ED solid 2px;
	border-left:#eeeeee solid 2px;
	border-right:#A4A585 solid 2px;
	border-bottom:#A4A585 solid 2px;
	padding:1px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

/* Contenu : Bloc de citation */
blockquote {
	color:#000;
	background-color: #fafaf6;
	border: 1px solid #ccb;
	padding: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Contenu : Acronymes, définitions et abbréviataions */
dfn, abbr, acronym {font-style:normal;cursor:text; border-bottom: 0 none;}
dfn[title], abbr[title], acronym[title] {font-style:normal;cursor:help; border-bottom: dashed #fff 1px;}

/* Contenu : Adresses */
address { font-style:normal; display: inline;}

/* Contenu : Font */
body, a, h2 {font-family: arial, verdana, helvetica, sans-serif;}
span.spanforinlineadress, address, p, ul li, ol li, dl dt, dl dd {	font-family: verdana, arial, helvetica,  sans-serif;}

/* Contenu : Formulaires */
input, textarea {border : 1px solid #ccc;}
legend, input, select, textarea{font-size: 100%;}
form h3 {color:#27343c; background-color:#fff; font-weight: bold;}
textarea:focus, input:focus {color: #000; background-color:#fdfbe2; border : 1px inset #000;}
textarea:hover, input:hover {color: #000; background-color:#fdfbe2;}

/* Contenu : Formulaires du contenu */
#content form p  {position: relative;}
#content form p h3 {position: absolute; top: 0; left: -4em; padding: 0.5em;}

/* Contenu : Formulaire d'ajout d'un nouveau commentaire */
#commentcreate #content form input,#commentcreate #content form textarea{margin-bottom:5px;}
#commentcreate #content form label{display:block;}
#commentcreate #content form label.second{margin-top:3px;}
#commentcreate #content form .cookie{display:block;}
#commentcreate #content form .cookie{float:left;}
#commentcreate #content form input.cookie{margin:0;margin-left:5px; width:16px; height:16px;}
#commentcreate #content form p.last{margin-top:15px;}
#commentcreate #content form h3{margin-top:15px;}
#commentcreate #content form p label{font-size:1em;}

/* Contenu : Formulaire de configuration des raccourcis clavier */
#accesskeyscreate #content ul, #accesskeysupdate #content ul, #accesskeysdelete #content ul {list-style:none;}
#accesskeyscreate #content ul li, #accesskeysupdate #content ul li, #accesskeysdelete #content ul li {font-size:1.1em;}

/* Contenu : Colors */
a:link{color:#1F2B33;}
a:hover{color:#333300;}
a:active{color:#f00;}
a:focus {color: #000; background-color:#fff;}
html{color:#fff; background-color:#12171d;}

/* Contenu : Container */
#container a:visited {color:#fff;}
/*#container {background: url("/images/fond_striped.png"); background-repeat: repeat; background-position: 0 0;}*/
#container {background: url("/images/3408595901_7a3b7da419_o.jpg"); background-repeat: no-repeat; background-position: 0 0;background-attachment:fixed;}

#container{background:#380E00 url(http://mail.google.com/mail/images/2/5/darkwarm/bg-main.png) repeat-x scroll 0 0; }
#container{background:#380E00 url(http://www.crazythemes.com/images/cool-abstract-desktop-wallpaper.jpg) repeat-x scroll 0 0; }
#container{background:#380E00 url(http://www.zastavki.com/pictures/1920x1200/2008/Widescreen_The_desert_005166_.jpg) repeat-x scroll 0 0; }
#container{background:#380E00 url(http://i331.photobucket.com/albums/l472/JazMin_nuttymoo/Wallpaper-Abstract-FlowLight.jpg) repeat-x scroll 0 0; }
#container{background:#380E00 url(/images/Wallpaper-Abstract-FlowLight.jpg) repeat-x scroll 0 0; }
#container{background:#380E00 url(http://www.wallpapersforvista.com/images/wallpapers/Aurora%20Bliss1185648165-1440x900.jpg) repeat-x scroll 0 0; }
#container{background:#380E00 url(http://fc03.deviantart.com/fs43/f/2009/090/4/8/Stratosphere_Brother_by_0ctans.png) repeat-x scroll 0 0; background-attachment:fixed;}
#container{background:#380E00 url(/images/fond.jpg) repeat-x scroll 0 0; background-attachment:fixed;}



/* Contenu : Pré-header */
#preheader {color:#fff;  background-color:#27343c; border-bottom: solid #555 1px;}
#preheader {background: url("/images/preheader_gradient.jpeg"); background-repeat:repeat-x; background-position: 0 0; width: 100%;
}

/* Contenu : Header (Titre du site) */
#header h1 {font-family: helvetica, verdana, arial, sans-serif;}
#header h1 a:link {color:#fff;}
#header p{font-size: 1.3em;font-style:italic; color:white;}

/* Contenu : Liens transversaux (aide, plan...) */
#aide {padding: 0.5em; float:left;font-size: 1.2em;}
#aide li {display:inline;}
#aide li  a:link{color:#6699ff;}
#aide li  a:visited {color:#ccc;}
#aide li  a:hover{background-color:#fff; color:#000;text-decoration:none;}
#aide li  a:active{color:#f00;}
#aide li  a:focus {background-color:#fff; color:#000;text-decoration:none;}

/* Contenu : Form de recherche */
#recherche ol li{display:inline;}
#recherche {font-size: 1.2em}

/* Contenu : Barre de navigation principale */
#nav {font-size: 1.2em;margin-top:20px;}
#nav a{text-decoration: none;color:#fff;}
#nav a:focus{color:#fff;outline:0;}
#nav a:visited {color:#fff;}
#nav ul, #nav ul  li{margin:0; padding:0;}
#nav ul.hPosition {margin:0 auto;}
#nav ul {color:#fff;background-color:#1f2b33;}
#nav li {float: left; width:140px;height:40px;}
#nav li a, #nav li span{margin:0; padding:0;padding-top:5px;padding-bottom:5px;margin-right:5px;display: block;color:#fff;background-color:#1f2b33;text-align:center;}
#nav li a, #nav li span{color:#fff;border:1px solid #1f2b33;}
#nav li a:hover, #nav li a:focus{color:#fff;border:1px dashed #3366cc;background-color:#ddd;background:transparent url(/images/fond_striped.png) repeat scroll 0 0;}
#nav li span{color:#fff;border:1px solid #990000;background-color:#ddd;background:transparent url(/images/fond_striped.png) repeat scroll 0 0;}

/* Contenu : Fil d'Ariane */
#ariane {font-size:1.2em;padding-top:2em;}
#ariane img {vertical-align:middle;}
#ariane a {color:#fff;}

/* Contenu : Contenu central */
#content a:visited {color:#551A8B;}
#content a:focus {color: #fff; background-color:#27343c;}
#content p {line-height: 1.4em;}
#content ul li, #content ol li, #content dl dt, #content dl dd {line-height: 1.4em;}
#content dl dd {line-height: 1.6em;}
#content h4 {font-size: 1.5em;}
#content h5 {font-size: 1.4em;}
#content h6 {font-size: 1.3em;}
#content legend {font-size: 2em;}
#content span.spanforinlineadress, #content address, #content p, #content ul li, #content ol li, #content dl dt, #content dl dd, #content label {font-size: 1.3em;}
#content ol ol {font-size: 0.8em;}
#content ol ul {font-size: 0.8em;}
#content {color: #000; background-color: #fff;}
#content dfn, #content abbr, #content acronym {border-bottom: 0 none;}
#content dfn[title], #content abbr[title], #content acronym[title] {border-bottom: dashed #000 1px;}
#content h2 dfn, #content h2 abbr, #content h2 acronym {border-bottom: 0 none;}
#content h2 dfn[title], #content h2 abbr[title], #content h2 acronym[title] {border-bottom: dashed #333300 1px;}
#content code {color:#000; background-color:#fdfbe2;}
#content ul {list-style-type: disc}
#content ul li ul{list-style-type:circle;}
#content ol {list-style-type: decimal}
#content ol ol {list-style-type: lower-alpha}

/* Contenu : Page "Main" */
#mainlist #content h2{margin-top:0.8em;margin-bottom: 0;}
#mainlist #content h2.first{margin-top: 0;}
#mainlist #content h3{margin-top: 0.8em; margin-bottom: 0;}
#mainlist #content p, #mainlist #content ul, #mainlist #content li, #mainlist #content li p {margin: 0;padding:0;}
#mainlist #content p {margin-top:5px;font-size:1.4em;line-height:1.4em;}
#mainlist #content ul {margin-top:5px;margin-left:20px;}
#mainlist #content li {margin-bottom:10px;font-size:1.4em;line-height:1.4em;}
#mainlist #content li p {font-size:1em;line-height:1.3em;}

/* Contenu : Page "Aide" */
#aidelist #content dd {margin-top: 0.3em;}
#aidelist #content ul {margin-top: 0.5em;}
#aidelist #content h3 {margin-top: 1.2em;}
#aidelist #content p {margin-bottom: 0.6em;}

/* Contenu : Page "A propos de" */
#aboutlist #content ul {padding-bottom: 0;}
#aboutlist #content img#maphoto {float: right;}

/* Contenu : Page "Article" */
#postshow #content h2{margin-bottom: 0;}
#postshow #content ol{margin-left: 2.5em;}
#postshow #content ol#commentList {margin-left: 2em; margin-top: 1em;}
#postshow #content ol#commentList li {margin-top: 5px; padding: 0.2em;}
#postshow #content ol#commentList li{border-bottom: 1px solid #eee;}
#postshow #content ol#commentList li.author {color:#000; background-color:#ffb733; border : 1px solid #443333;}
#postshow #content ol#commentList {list-style-type: decimal}
#postshow #content ol#commentList li p{font-size: 1em;}
#postshow #content ol#commentList li p {line-height: 1em;margin-bottom:5px;}
#postshow #content ol#commentList li p span.break {margin:0;padding:0;display:block;}

#postshow #content ol li p{font-size: 1em;}
#postshow #content ul.no-list-style{list-style:none;margin:0;margin-left:35px;padding:0;}
#postshow #content ul.no-list-style code{font-size:1.2em;}
#postshow #content ul.no-list-style li{line-height:0.8em;}

/* Contenu : Articles : gabarit 1 */
#gabarit_article_1 ul {list-style-type:none;}
#gabarit_article_1 h3{font-size:1.8em;}
#gabarit_article_1 h4{display:inline;}
#gabarit_article_1 code{font-size:1.3em;}
#gabarit_article_1 ul li ul {margin:0;padding:0;}
#gabarit_article_1 ul li ul.avecpuce {margin-left:40px;list-style-type:circle;}
#gabarit_article_1 ul li ul li, #gabarit_article_1 ul li ol li, #gabarit_article_1 ul li p{font-size:1em;}
#gabarit_article_1 ul li h4, #gabarit_article_1 ul li ul li h4 {font-size:1em;}
#gabarit_article_1 ul li p strong{font-size:0.9em;}

/* Contenu : Page "Plan du Site" */
#planlist #content ul {list-style-type: circle;}

/* Contenu : Page "Création des raccourcis clavier" */
#accesskeyscreate #content ul {list-style-type: none;}

/* Contenu : Page "Portfolio" */
#serviceslist #content div.reference {margin:0 auto;width:555px;padding-bottom:12px;margin-bottom:25px;}
#serviceslist #content div.reference {border:solid 3px #eee;background:#fff url(/images/fond_degrade2.png) repeat-x 0 0;}
#serviceslist #content div.first{margin-top:22px;}
#serviceslist #content div.reference p, #serviceslist #content div.reference h3 {text-align:center;}
#serviceslist #content div.reference p.description,#serviceslist #content div.reference p.url {text-align:left;}
#serviceslist #content div.reference blockquote,#serviceslist #content div.reference cite {display:block;width:80%;}
#serviceslist #content div.reference blockquote {clear:left;border:0 none;margin:0 auto;background:url(/images/gauche_double_quote.png) no-repeat 8px 8px;}
#serviceslist #content div.reference blockquote p {margin:0;padding:0;text-align:left;font-style:italic;text-indent:35px;}
#serviceslist #content div.reference cite {margin:0 auto;}
#serviceslist #content div.reference cite {width:96%;font-size:1.2em;margin-top:3px;}
#serviceslist #content div.reference cite {font-style:normal;clear:left;}
#serviceslist #content div.reference p img {border:solid 1px #ccc;}
#serviceslist #content div.reference p.img, #serviceslist #content div.reference p.description, #serviceslist #content div.reference p.url {float:left;width:250px;margin-top:1em;margin-left:1em;}
#serviceslist #content div.reference p.img{background:transparent url(/images/lwa-references-bg-shadow-24.png) no-repeat scroll left top;}
#serviceslist #content div.reference p img {width:240px;height:180px;}
#serviceslist #content div.reference p.img{width:250px;height:200px; padding-top:8px;padding-left:3px;}

/* Page "Prestation audit accessibilité" */
#presta_auditlist #content ul li {margin:0;padding:0;}
#presta_auditlist #content ul li ul li {font-size:1em;margin:0;padding:0;}

/* Page "Prestation de création de site" */
#presta_creationlist #content ul li {margin:0;padding:0;}
#presta_creationlist #content ul li ul li {font-size:1em;margin:0;padding:0;}

/* Contenu : Titre principal des pages */
#content h2{font-size: 2em;margin:0;padding:0;font-weight: normal;border-bottom:2px solid #990000;border-left:1px solid #660000;padding-left:15px;padding:0.2em;color:#fff;background-color:#ddd;background:transparent url(/images/boutons_titre_principal.png) repeat scroll 0 0;}

/* Contenu : Titre des articles (tous les gabarits) */
h3 {font-size:1.7em;font-weight:bold;color:#333;}

/* Contenu : Titre des articles (les gabarits accueil et liste des articles, uniquement) */
#mainlist h3 a, #postlist h3 a, #tagshow h3 a{font-size: 1.3em;font-weight: normal;}
#mainlist h3 a:link, #postlist h3 a:link{color:#336699;}
#mainlist h3 a:visited, #postlist h3 a:visited {color:#990000;}
#mainlist h3 a:hover, #postlist h3 a:hover{color:#1F2B33;}
#mainlist h3 a:active, #postlist h3 a:active{color:#f00;}
#mainlist h3 a:focus, #postlist h3 a:focus {color: #000; background-color:#fff;}

/* Contenu : Liens du contenu */
#content a:link{color:#1F2B33;}
#content a:visited {color:#551a8b;}
#content a:hover{color:#3366cc;}
#content a:active{color:#f00;}
#content a:focus {color: #000; background-color:#fff;}

/* Contenu : Liens pour partager ou voter pour un article */
#content  h3.partager{float:left;margin:0;padding:0;margin-top:15px;width:150px;}
#content  ul.partager{float:left;list-style:none;margin:0;padding:0;margin-top:10px}
#content  ul.partager li{display:inline;margin:0;padding:0;margin-right:10px;}
#content  ul.partager li a{font-size:0.5em;padding:0.5em;border:solid 1px #fff;}
#content  ul.partager li a:hover,body #content  ul.partager li a:focus{border:solid 1px #990000;}

/* Contenu : Paragraphe */
.paragraphe {margin-top:0.8em;}

/* Contenu : Pied de page */
#footer ul, #footer p{padding: 0.4em 0 0 0;}
#footer ul{margin-top: 0.2em;}
#footer ul li a{margin: 1em 0 0 0; padding: 0 1em 0 1em;}
#footer {color:#fff;  background-color:#27343c; border-top: solid #555 1px;}
#footer {background: url("/images/preheader_gradient.jpeg"); background-repeat:repeat-x; background-position: 0 0; }
#footer ul li {display:inline;}
#footer a:link{color:#6699ff;}
#footer a:visited {color:#ccc;}
#footer a:hover{text-decoration:none;}
#footer a:active{color:#f00;}
#footer a:focus {color: #000; background-color:#fff;}