@charset "utf-8";
/* CSS Document */


body {
-x-system-font:none;
background:#F1EFE2 none repeat scroll 0 0;
color:black;
font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
font-size:80%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1em;
margin:0;
padding:0 0 2em;
text-align:center;
}
h1 {
font-size:1px;
line-height:1px;
margin:0;
padding:0;
text-decoration:none;
text-indent:-5000px;
}
h2 {
color:#0d7da8;
font-size:2.2em;
font-weight:bold;
margin:0.5em 0;
padding:0;
}
h2 span {
color:#F8BE2A;
}
h3 {
color:#0d7da8;
font-size:1.8em;
font-weight:bold;
margin:0 0 0.5em;
padding:0;
}
h4 {
clear:left;
color:#999900;
font-size:1.1em;
font-weight:bold;
margin:0 0 0.5em;
padding:0;
}
#content h2 {
border-bottom:1px solid #E8E5D4;
margin-bottom:20px;
margin-top:20px;
padding-bottom:10px;
}
#content h3 {
margin:20px 0 10px;
}
#content h3:first-letter {
color:#F8BE2A;
}
p {
margin:0 0 5px;
}
a#lien-accueil {
height:60px;
left:180px;
position:absolute;
top:80px;
width:550px;
}
a {
color:#0d7da8;
text-decoration:none;
}
a:visited {
color:#999999;
text-decoration:none;
}
a:hover, a:focus {
text-decoration:underline;
}
a[hreflang]:after {
background:transparent none repeat scroll 0 0;
content:" (" attr(hreflang) ")";
}
a img {
border-color:#d4cfb1; 
border-width: medium;
}

a:hover img {
border-color:#F8BE2A;
border-width: medium;
}

.cache {
font-size:0;
line-height:1px;
text-decoration:none;
text-indent:-5000px;
}
tt, samp {
color:green;
font-size:1em;
}
code {
color:#336699;
font-size:1.2em;
}
q {
font-style:italic;
}
kbd {
background:#FFFFC4 none repeat scroll 0 0;
border-color:#E2F576 #0d7da8 #0d7da8 #E2F576;
border-style:solid;
border-width:1px;
font-size:1.1em;
padding:0 1px;
}
ul, li {
margin:0;
padding:0;
}
#body label {
background:transparent url(images/label.gif) no-repeat scroll right center;
color:#0d7da8;
float:left;
font-weight:bold;
padding-right:18px;
text-align:right;
width:8em;
}
#body fieldset label {
background:transparent none repeat scroll 0 0;
color:#0d7da8;
float:none;
font-weight:bold;
padding-right:2px;
text-align:left;
width:auto;
}
#body fieldset {
border:1px solid #AAAAAA;
margin-bottom:2em;
margin-left:1em;
width:450px;
}
#body textarea {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #AAAAAA;
font-family:sans-serif;
font-size:small;
height:15em;
padding:3px;
width:70%;
}
#body textarea.fullsize {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #AAAAAA;
font-family:sans-serif;
font-size:small;
height:10em;
padding:3px;
width:98%;
}
input.textfield {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #AAAAAA;
padding:3px;
width:70%;
}
input.textfield:focus, textarea:focus {
background:#F5FFDC none repeat scroll 0 0;
}
.body {
color:#0d7da8;
font-weight:bold;
}
.gauche {
float:left;
margin-right:15px;
}
.droite {
float:right;
margin-left:15px;
}
.textegauche {
text-align:left;
}
.textedroite {
text-align:right;
}
#header {
background:transparent url(images/header.jpg) no-repeat scroll left top;
height:135px;
margin:0 auto;
position:relative;
text-align:left;
width:807px;
}
#topmenu {
background:transparent url(images/fondliens.gif) no-repeat scroll left bottom;
position:absolute;
right:30px;
text-align:right;
top:18px;
width:380px;
}
#topmenu ul {
background:transparent url(images/coinliens.gif) no-repeat scroll right top;
margin:0;
padding:0 15px 2px 0;
}
#topmenu li {
color:white;
display:inline;
font-size:0.9em;
line-height:1.5em;
list-style-type:none;
padding:0;
}
#topmenu li a {
color:white;
}
#headersous {
background:transparent url(images/header2.jpg) no-repeat scroll left top;
height:40px;
margin:0 auto;
text-align:right;
width:807px;
}
#headersous p {
margin-bottom:0;
margin-right:35px;
padding-top:15px;
}
#menu {
background:transparent url(images/header3.png) no-repeat scroll left top;
height:66px;
margin:0 auto;
position:relative;
text-align:left;
width:807px;
}
#menu ul {
background:transparent url(images/menu.png) no-repeat scroll left top;
height:53px;
left:338px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
top:6px;
width:439px;
}
#menu li {
float:left;
margin:0;
padding:0;
text-indent:50px;
}
#menu li a {
color:#C6C1A3;
display:block;
font-size:1px;
height:53px;
line-height:53px;
text-decoration:none;
width:145px;
}
#menu li a span {
left:-5000px;
position:absolute;
}
#menu li a:hover {
background:transparent url(images/menu.png) no-repeat scroll left top;
}
#menu a#creation:hover, #menu a#creationactive:hover {
background-position:0 -53px;
color:#6882C3;
}
#menu a#solutions:hover, #menu a#solutionsactive:hover {
background-position:-145px -53px;
color:#8FAB10;
}
#menu a#expertises:hover, #menu a#expertisesactive:hover {
background-position:-290px -53px;
color:#FFC326;
}
#menu a#creationactive {
background:transparent url(images/menu.png) no-repeat scroll 0 -53px;


}
#menu a#solutionsactive {
background:transparent url(images/menu.png) no-repeat scroll -145px -53px;
}
#menu a#expertisesactive {
background:transparent url(images/menu.png) no-repeat scroll -290px -53px;
}
#global {
background:transparent url(images/fondglobal.png) repeat-y scroll left top;
margin:0 auto;
text-align:left;
width:807px;
}
#global #sidebar {
background:transparent url(images/doodle.gif) no-repeat scroll right top;
float:right;
line-height:1.3;
padding-top:15px;
width:225px;
}
#global #sidebar h2 {
font-size:1.5em;
padding-left:10px;
}
#global #sidebar p {
padding-right:75px;
}
#global #sidebar ul {
background:transparent url(images/hr2.png) no-repeat scroll left bottom;
list-style-image:url(images/puce.png);
margin:0 0 15px;
padding:0 0 10px;
width:180px;
}
#global #sidebar li {
color:#0d7da8;
line-height:1em;
margin:0 0 0 25px;
padding:3px 0 4px;
width:160px;
}
#body #sidebar li {
background:transparent url(images/hr.gif) no-repeat scroll left bottom;
}
#global #sidebar li.last {
background:transparent none repeat scroll 0 0;
}
#global #sidebar .skills {
background:transparent url(images/hr2.png) no-repeat scroll left bottom;
clear:both;
font-size:0.8em;
line-height:1.15em;
margin-top:10px;
padding-bottom:5px;
text-align:justify;
width:190px;
}
#global #sidebar .skills h2 {
font-size:1.35em;
margin-left:50px;
padding:0;
color:
}

#global #sidebar .skills h3 {
font-size:11px;
margin-left:20px;
padding:0;
color:#F8BE2A;
}
#global #sidebar .skils img {
float:left;
}
#global #sidebar .skils p {
color:#666666;
margin-left:50px;
padding-right:3px;
}
#global #sidebar h2 {
width:170px;
}
#global #sidebar h2.realisation {
margin-top:1em;
}
#global #sidebar h2.realisation:first-letter {
color:#F8BE2A;
}
#global #sidebar p.realisation {
color:#999999;
font-size:smaller;
font-weight:bold;
margin-bottom:20px;
margin-left:5px;
padding-right:3px;
text-align:center;
width:170px;
}
#global #photo {
float:left;
margin:0 0 10px;
}
#global #general {
float:left;
width:577px;
}
#global #general p {
line-height:140%;
margin-left:15px;
margin-right:15px;
}

#global #general li {
line-height:140%;
margin-left:65px;
margin-right:15px;
list-style-image:url(images/bullet.png)
}

#global #general h2, #global #general h3 {
margin-left:15px;
}
#global #presentation {
background:transparent url(images/fondpresentation.jpg) no-repeat scroll right top;
float:left;
margin:0;
padding-top:15px;
text-align:right;
width:302px;
}
#global #presentation p {
line-height:1.3;
margin-bottom:15px;
margin-right:20px;
}
#global #presentation a img {
margin-right:10px;
}
#global #accroche {
background:transparent url(images/feuillebleue.jpg) no-repeat scroll 99% 100%;
clear:left;
line-height:1.3;
margin:0 0 0 35px;
width:540px;
}
#global #confiance, #global #blog, #global #formations {
clear:left;
line-height:1.3;
margin:20px 0 0 35px;
width:540px;
}

#global #accroche p.minimargefeuille {
padding-right:40px;
}
#global #accroche p.moyenmargefeuille {
padding-right:60px;
}
#global #accroche p.margefeuille {
padding-right:90px;
}
#bottom {
background:transparent url(images/fondglobalombre.png) no-repeat scroll left top;
clear:both;
font-size:1px;
height:14px;
margin:0 auto;
width:807px;
}
div#content {
background:transparent url(images/fondpresentation.jpg) no-repeat scroll right top;
line-height:1.5em;
margin:0 0 0 30px;
padding:15px 20px 0 15px;
}
div#content p {
margin-bottom:1.1em;
text-align:justify;
}
div#content p.fil {
color:#999999;
font-size:0.9em;
}
div#content blockquote {
background:white url(images/citation.jpg) no-repeat scroll left top;
color:#797342;
font-style:italic;
margin:1em;
padding:0.5em 1em 0 38px;
}
div#content blockquote p {
background:transparent url(images/citationfin.gif) no-repeat scroll right bottom;
font-style:normal;
margin:8px 0;
padding-right:25px;
text-align:right;
}
#content dl {
background:transparent url(images/hr3.png) no-repeat scroll left bottom;
margin-bottom:2em;
padding-bottom:20px;
}
#content dt {
color:#4166A8;
font-size:1.2em;
font-weight:bold;
letter-spacing:1px;
margin-bottom:1em;
margin-left:1.5em;
}
#content dd {
margin-bottom:0.5em;
margin-left:1.5em;
}
#content dl.lastone {
background:transparent none repeat scroll 0 0;
margin-left:0.5em;
}
#content dl.lastone dt, #contenu dl.lastone dd {
margin-left:0.5em;
}
#content h3.menu_ref {
background:#F1EFE2 none repeat scroll 0 0;
padding:0.15em 0.15em 0.15em 0.5em;
}
#content ul {
list-style-type:none;
margin:0 0 10px 0;
padding:0;
}
#content li {
background:transparent url(images/puce.png) no-repeat scroll left top;
line-height:1.2em;
margin:4px 0;
padding-left:20px;
}
.exergue {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background:#FFF7D2 none repeat scroll 0 0;
color:#703610;
margin:0 1em 1em;
padding:0.1em 0.5em 0.1em 1em;
}
table {
border-collapse:collapse;
border-spacing:1px;
margin-left:15px;
width:95%;
}
table td {
padding:6px 3px;
vertical-align:top;
}
table.vcells td {
border-bottom:1px solid #EEEEEE;
}
table.cells td {
border:1px solid #EEEEEE;
}
#contenu p.code {
background:#F3F3F3 none repeat scroll 0 0;
padding:0.5em;
text-align:left;
width:95%;
}
#footer {
background:transparent url(images/footer.png) no-repeat scroll left bottom;
color:#0d7da8;
font-size:0.95em;
font-weight:bold;
height:8em;
margin:0 auto;
padding-top:0.5em;
text-align:left;
width:807px;
}
#footer p {
margin:0 35px 0 40px;
}
#footer a {
color:#0d7da8;
}