/* CSS Document */
html,body{margin:0;padding:0; width:100%}
body{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#BCBCBC; background-color:#F1EFED;}
p{margin:0 10px 10px}
#page {position:absolute; width: 955px; height: auto; left: 50%; top: 50px; /*margin-top: -225px;*/ margin-left: -478px; background-color:#FFF; margin-bottom:0; padding-bottom:0; overflow:hidden}
div#page li a, div#page li a:link { text-decoration:none; color:#BCBCBC; }
div#page li a:visited {color:#BCBCBC; }
div#page li.active a {color:#686868; }
div#page li a:hover { color:#686868; text-decoration:underline }
div#page li.active a:hover {color:#686868;}
div#header{background-color:#FFF; width:875px; height:58px; margin-left:40px; border-bottom-color:#DDD; border-bottom-style:solid; border-bottom-width:1px;}
div#header h1{position:relative; font-family:Helvetica, Arial, sans-serif; font-size:20px; margin: 0 0 0 0; padding:0; color:#BCBCBC; font-weight:normal; top:35px}
div#header h1 span{ font-weight:bold;}
div#header ul {position:relative; list-style-type: none; top:18px; left:225px; margin:0; padding-left:0px; padding-bottom:0px; padding-top:0px; height:15px; }
div#header li {float: left; margin:0; padding-right:35px; height:20px; font-size:1.3em;}
div#header h1 a, div#header h1 a:link { text-decoration:none; color:#BCBCBC; }
div#header h1 a:visited {color:#BCBCBC; }
div#header h1 a:hover { color:#686868; text-decoration:underline }
/*
div#gauche h2{position:relative; background:url(images/h2.png) 1px 0px no-repeat; width:770px; height:9px; top:10px !important; top: 10px; clear:both; float:none}
div#gauche h2 span{ position:relative; background-color:#FFF; color:#99D9E8;font-size:14px; font-weight:bold; left:60px; top:-5px; padding-left:4px; padding-right:4px;}
*/
div#gauche{float:left;width:576px}
div#gauche h3{ font-size:1.4em; font-weight:bold; color:#BCBCBC; margin: 20px 0 10px 40px; padding:0;}
div#gauche h4{ font-size:1.2em; font-weight:bold; color:#BCBCBC; margin: 0 0 10px 50px; padding:0;}
div#gauche p{background-color:#FFF; margin: 0 10px 10px 40px;color:#999; font-size:1.2em; }
div#gauche ul{color:#999; font-size:1.2em; margin: 0 10px 10px 40px;color:#999; }
div#gauche em{color:#D96069; font-size:1em; font-style:normal}
div#gauche .contenu-txt-bleu {background:url(images/indent-p-bleu.png) 1px 0px repeat-y; margin: 30px 0 0 20px;}
div#gauche img { border-color:#F1EFED; border-width:17px; border-style:solid; margin: 34px 40px; background-color:#f1efed}
#myGallery {width: 628px; background-color:#f1efed}
*html #myGallery {width: 628px; background-color:#f1efed}
div#1colonne{float:left;width:767px}
/* div#droite-projet */
div#droite-projet {float:right;width:195px; margin: 34px 40px; background-color:#FFF}
*html div#droite-projet {display:block; width:185px; margin:34px 26px 0 0; }
/* boutons nav niv 2 */
div#droite-projet #menu-niv2 {position:relative; top:0px; left:0px; display:block; background-color:#FFF; height:80px;}
div#droite-projet #menu-niv2 #projects {position:absolute; top:0px; left:0px; display:block; background-color:#FFF; height:60px; width:85px; overflow:hidden}
div#droite-projet #menu-niv2 div#fleche-gauche {position:absolute; top:23px; left:0px; display:block; width:31px; height:31px; background-color:#FFF; margin-top:0px;}
div#droite-projet #menu-niv2 div#fleche-gauche a{background:transparent url(images/fleche-gauche-off.gif) 0 0 no-repeat; display:block; width:31px; height:31px;}
div#droite-projet #menu-niv2 div#fleche-gauche a:hover {background:transparent url(images/fleche-gauche-on.gif) 0px 0 no-repeat; display:block; width:31px; height:31px; }
div#droite-projet #menu-niv2 div#fleche-gauche a span{display:none}
div#droite-projet #menu-niv2 div#fleche-droite {position:absolute; top:23px; left:53px; display:block; width:31px; height:31px; background-color:#FFF; margin-top:0px;}
div#droite-projet #menu-niv2 div#fleche-droite a{background:transparent url(images/fleche-droite-off.gif) 0 0 no-repeat; display:block; width:31px; height:31px;}
div#droite-projet #menu-niv2 div#fleche-droite a:hover {background:transparent url(images/fleche-droite-on.gif) 0px 0 no-repeat; display:block; width:31px; height:31px; }
div#droite-projet #menu-niv2 div#fleche-droite a span{display:none}
div#droite-projet #menu-niv2 #visuals {position:relative; top:0px; left:111px; display:block; background-color:#FFF; height:60px; width:85px; overflow:hidden}
div#droite-projet #menu-niv2 #visuals.no-more {display:none}
div#droite-projet #menu-niv2 div#fleche-haut {position:absolute; top:23px; left:0px; display:block; width:31px; height:31px; background-color:#FFF; margin-top:0px;}
div#droite-projet #menu-niv2 div#fleche-haut a{background:transparent url(images/fleche-haut-on.gif) 0 0 no-repeat; display:block; width:31px; height:31px;}
div#droite-projet #menu-niv2 div#fleche-haut a:hover {background:transparent url(images/fleche-haut-off.gif) 0px 0 no-repeat; display:block; width:31px; height:31px; }
div#droite-projet #menu-niv2 div#fleche-haut a span{display:none}
div#droite-projet #menu-niv2 div#fleche-bas {position:absolute; top:23px; left:53px; display:block; width:31px; height:31px; background-color:#FFF; margin-top:0px;}
div#droite-projet #menu-niv2 div#fleche-bas a{background:transparent url(images/fleche-bas-on.gif) 0 0 no-repeat; display:block; width:31px; height:31px;}
div#droite-projet #menu-niv2 div#fleche-bas a:hover {background:transparent url(images/fleche-bas-off.gif) 0px 0 no-repeat; display:block; width:31px; height:31px; }
div#droite-projet #menu-niv2 div#fleche-bas a span{display:none}
div#droite-projet #infos {position:relative; display:block;}
div#droite-projet h3{ font-size:1.1em; font-weight:normal; color:#BCBCBC; margin: 0px 0 0px 0px; padding:0 0 2px 0; border-bottom-color:#DDD; border-bottom-style:solid; border-bottom-width:1px;}
div#droite-projet h4{ font-size:1.2em; font-weight:normal; color:#BCBCBC; margin: 3px 0 16px 0px; padding:0;}
div#droite-projet h4 a, div#gauche h4 a{color:#D96069; text-decoration:none; margin:0; padding:0}
div#droite-projet h4 a:visited, div#gauche h4 a:visited{color:#D96069;}
div#droite-projet h4 a:hover, div#gauche h4 a:hover{color:#67C6DD;}
div#droite-projet h4 a:active, div#gauche h4 a:active{color:#D96069;}
div#droite-projet .tagcloud {font-size:1.2em; font-weight:normal; color:#BCBCBC; margin: 3px 0 16px 0px;}
div#droite-projet .tagcloud a{color:#BCBCBC; text-decoration:none; margin:0; padding:0}
div#droite-projet .tagcloud a:visited{color:#BCBCBC;}
div#droite-projet .tagcloud a:hover{color:#686868;}
div#droite-projet .tagcloud a:active{color:#BCBCBC;}
div#droite-projet .tagcloud span {margin-right:7px}
div#droite-projet p img { border-color:#99D9E8; border-width:2px; border-style:solid}
div#droite-projet p img {padding:5px;}
div#droite-projet p img a {padding:0; margin:0;}
div#droite-projet p {padding:0px; margin:0}
div#infos a, div#header infos a:link { text-decoration:none; color:#BCBCBC; }
div#infos a:visited {color:#BCBCBC; }
div#infos a:hover { color:#686868; text-decoration:underline }
div#infos ul { list-style-type:none}
div#infos li a {}
div#corps a, div#footer-home a{color:#BCBCBC; text-decoration:none}
div#corps a:visited, div#footer-home a:visited{color:#BCBCBC; text-decoration:none}
div#corps a:hover, div#footer-home a:hover{color:#686868;text-decoration:underline}
div#corps a:active, div#footer-home a:active{color:#BCBCBC; text-decoration:underline}
div#footer-home {position:relative; clear:both; float:none; display:block; width:955px; padding-top:7px; background-color:#F1EFED; margin-bottom:0; padding-bottom:0}
div#footer-home p{ margin: 0 0 0px 40px;color:#BCBCBC; font-size:1.1em; padding-bottom:20px !important; padding-bottom:0px }
div#footer-home p span{margin:0 2px 0 2px}
div#footer-home ul{color:#999; font-size:1.2em;}
div#footer-home em{color:#D96069; font-size:1em; font-style:normal}
a img{border:0}
/* accessibility */
/*
menu links accesskeys
*/
span.accesskey {
text-decoration:none;
}
/*
accessibility divs are hidden by default
text, screenreaders and such will show these
*/
.accessibility, hr {
position: absolute;
top: -999em;
left: -999em;
}
/*
definition tags are also hidden
these are also used for menu links
*/
dfn {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html>body .clearfix {
display: inline-block;
width: 100%;
}
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}
/* end clearing */
/* End of 'Accessibility and cross-browser tools' */
/* liste ditto */
div#cataloger{width:955px; margin:20px 0 0 13px}
*+html div#cataloger{width:905px; margin:20px 0 20px 13px}
*html div#cataloger{width:955px; margin:20px 0 20px 13px}
div#cataloger div.liste1produit {float:left;width:auto; height: 150px; margin: 0px 0px 20px 27px; overflow:hidden}
*+html div#cataloger div.liste1produit { height: 150px; margin: 0 0px 20px 27px; }
*div#cataloger div.liste1produit { height: 150px; margin: 0 14px 20px 13px; }
div#cataloger h3, div#content h3{ font-size:1.4em; font-weight:normal; color:#BCBCBC; margin: 0 0 15px 25px; padding:0; }
div#cataloger .contenu-txt {margin: 4px 0 14px 0px; width:198px;}
div#cataloger .contenu-txt h4{ font-size:1.2em; font-weight:normal; color:#BCBCBC; margin: 0 0 2px 0px; padding:0; border-bottom-color:#DDD; border-bottom-style:solid; border-bottom-width:1px;}
div#cataloger .contenu-txt h5{ font-size:1.2em; font-weight:normal; color:#BCBCBC; margin: 0 0 2px 0px; padding:0;}
div#cataloger .contenu-txt h6{ font-size:1.1em; font-weight:normal; color:#BCBCBC; margin: 0 0 2px 0px; padding:0;}
div#cataloger .contenu-txt h4 a, div#gauche .contenu-txt h4 a{color:#BCBCBC; text-decoration:none; margin:0; padding:0}
div#cataloger .contenu-txt h4 a:visited, div#gauche .contenu-txt h4 a:visited{color:#BCBCBC;}
div#cataloger .contenu-txt h4 a:hover, div#gauche .contenu-txt h4 a:hover{color:#686868; text-decoration:none}
div#cataloger .contenu-txt h4 a:active, div#gauche .contenu-txt h4 a:active{color:#BCBCBC;}
div#cataloger .contenu-txt h5 a{color:#BCBCBC; text-decoration:none; margin:0; padding:0}
div#cataloger .contenu-txt h5 a:visited{color:#BCBCBC;}
div#cataloger .contenu-txt h5 a:hover{color:#686868;}
div#cataloger .contenu-txt h5 a:active{color:#BCBCBC;}
div#cataloger p img { border-color:#F1EFED; border-width:11px; border-style:solid; padding:0px;}
div#cataloger p a img {padding:0; margin:0; border-color:#F1EFED;}
div#cataloger p a:visited img {padding:0; margin:0; border-color:#F1EFED;}
div#cataloger p a:hover img {padding:0; margin:0; border-color:#BCBCBC;}
div#cataloger p a:active img {padding:0; margin:0; border-color:#F1EFED;}
div#cataloger p {padding:0; margin:0;}
div.liste1produit{float:right; margin-left:8px; margin-right:0px}
div.nav-carre {margin-left:20px;clear:both}
div#cataloger div.nav-carre span { color:#67C6DD; text-decoration:none; font-size : 1.2em; padding: 1px 3px; border-right: 1px solid #e57c84; border-bottom: 1px solid #e57c84; background: #e57c84; margin-left:3px}
div#cataloger div.nav-carre a { color:#FFF; text-decoration:none; font-size : 1.2em; padding: 1px 3px; border-right: 1px solid #e57c84; border-bottom: 1px solid #e57c84; background: #e57c84; margin-left:3px}
div#cataloger div.nav-carre a:visited { color:#FFF; }
div#cataloger div.nav-carre a:hover { color:#67C6DD; }
/* HOME */
#pageHome {position:absolute; width: 955px; height: auto; left: 50%; top: 50px; /*margin-top: -225px;*/ margin-left: -478px; background-color:#FFF; margin-bottom:0; padding-bottom:0; overflow:hidden}
div#pageHome{ /*min-height: 100%; height: 100%;*/}
div#pageHome li a, div#page li a:link { text-decoration:none; color:#BCBCBC; }
div#pageHome li a:visited {color:#BCBCBC; }
div#pageHome li.active a {color:#686868; }
div#pageHome li a:hover { color:#686868; text-decoration:underline }
div#pageHome li.active a:hover {color:#686868;}
div#pageHome div#header{background-color:#FFF; width:875px; height:58px; margin-left:40px; margin-top:100px; border-bottom-color:#DDD; border-bottom-style:solid; border-bottom-width:1px;}
/* Home liste ditto */
div#pageHome div#cataloger{width:700px; height:200px; margin:45px 0 0px 237px}
* html div#pageHome div#cataloger{width:720px; margin:45px 0 0px 210px}
div#pageHome #infos {position:absolute; display:block; top:200px;left:40px; width:201px}
div#pageHome #infos h3{ font-size:1.2em; font-weight:normal; color:#BCBCBC; margin: 0px 0 0px 0px; padding:0 0 2px 0; border-bottom-color:#DDD; border-bottom-style:solid; border-bottom-width:1px;}
div#pageHome #infos p{ font-size:1.2em; font-weight:normal; color:#BCBCBC; margin: 6px 0 3px 0px; padding:0;}
/* hack FF pour masquer les contours pointill�© sur les liens
-------------------------------------------------------*/
a{outline: none; color:#000000}
:focus{-moz-outline-style: none;}
div#EmailForm{border:none;}
/* E form
-------------------------------------------------*/
EmailForm#fieldsets{border:none; margin-left:0px;}
#EmailForm .label{margin-left:30px; font-family:Arial;font-size:11px;color:#BCBCBC; }
#EmailForm .text{border-color:#BCBCBC; border-style:solid; border-width:1px; width:180px; margin-top:5px; margin-left:10px;}
#EmailForm .text2{border-color:#BCBCBC; border-style:solid; border-width:1px; width:330px; margin-left:10px;}
#EmailForm .img{posiotion:relative;margin-left:5px; margin-top:-10px;}
#EmailForm .required{border-color:#000; border-width:1px}
/*cv */
div#gauche-texte{float:left;width:473px; padding-right:15px}
div#gauche-texte h3{ font-size:1.2em; font-weight:bold; color:#686868; margin: 20px 0 10px 40px; padding:0;}
div#gauche-texte h4{ font-size:1.2em; font-weight:bold; color:#686868; margin: 0 0 10px 50px; padding:0;}
div#gauche-texte p{background-color:#FFF; margin: 0 10px 10px 40px;color:#999; font-size:1.2em; }
div#gauche-texte ul{color:#999; font-size:1.2em; margin: 0 10px 10px 40px;color:#999; }
div#gauche-texte em{color:#D96069; font-size:1em; font-style:normal}
div#gauche-texte .contenu-txt-bleu {background:url(images/indent-p-bleu.png) 1px 0px repeat-y; margin: 30px 0 0 20px;}
div#gauche-texte img { border-color:#F1EFED; border-width:17px; border-style:solid; margin: 34px 40px; background-color:#f1efed}
div#droite-texte{ padding-top:1px}
div#droite-texte h3{ font-size:1.2em; font-weight:bold; color:#686868; margin: 20px 0 10px 40px; padding:0;}
div#droite-texte h4{ font-size:1.2em; font-weight:bold; color:#BCBCBC; margin: 0 0 10px 50px; padding:0;}
div#droite-texte p{background-color:#FFF; margin: 0 10px 10px 40px;color:#999; font-size:1.2em; }
div#droite-texte ul{color:#999; font-size:1.2em; margin: 0 10px 10px 40px;color:#999; }
div#droite-texte em{color:#D96069; font-size:1em; font-style:normal}
div#droite-texte .contenu-txt-bleu {background:url(images/indent-p-bleu.png) 1px 0px repeat-y; margin: 30px 0 0 20px;}
div#droite-texte img { border-color:#F1EFED; border-width:17px; border-style:solid; margin: 34px 40px; background-color:#f1efed}