* {
margin : 0;
padding : 0;
}
body {
font : normal 90% "Trebuchet MS", Verdana, Arial, sans-serif;
margin-left : 0;
margin-top : 15px;
margin-right : 0;
margin-bottom : 0;
background-image : url(../img/back-apc.gif);
background-position : center;
}
body, th, th {
font : normal 90% "Trebuchet MS", Verdana, Arial, sans-serif;
color : #333333;
line-height : 16px;
font-style : normal;
font-weight : normal;
text-align : justify;
margin : 0;
}
#blog {
position : absolute;
top : 70px;
left : 600px;
color : #333333;
font-size : 14px;
}
#all {
position : relative;
margin-top : 15px;
width : 850px;
height : auto;
margin-right : auto;
margin-left : auto;
padding : 0;
}
#conseil {
position : relative;
margin-top : 0;
width : auto;
height : 5px;
margin-right : auto;
margin-left : auto;
background-color : #f4a000;
}
#editorial {
position : relative;
margin-top : 0;
width : auto;
height : 5px;
margin-right : auto;
margin-left : auto;
background-color : #9c9b9a;
}
#communication {
position : relative;
margin-top : 0;
width : auto;
height : 5px;
margin-right : auto;
margin-left : auto;
background-color : #0099cc;
}
#sitesinternet {
position : relative;
margin-top : 0;
width : auto;
height : 5px;
margin-right : auto;
margin-left : auto;
background-color : #222222;
}
#identite {
position : relative;
margin-top : 0;
width : auto;
height : 5px;
margin-right : auto;
margin-left : auto;
background-color : #336666;
}
#referencement {
position : relative;
margin-top : 0;
width : auto;
height : 5px;
margin-right : auto;
margin-left : auto;
background-color : #6699ff;
}
#portofolio {
position : relative;
margin-top : 0;
width : auto;
height : 5px;
margin-right : auto;
margin-left : auto;
background-color : #9900ff;
}
#entete {
position : relative;
width : 845px;
height : 85px;
margin-right : auto;
margin-left : auto;
padding : 0;
}
#enteleft {
width : 180px;
height : 85px;
float : left;
}
#entetemenu {
width : 665px;
height : 85px;
float : right;
}
#entetemenu h2 {
font : normal 70% "Trebuchet MS", Verdana, Arial, sans-serif;
text-align : right;
padding-top : 40px;
padding-right : 20px;
line-height : 14px;
letter-spacing : 1px;
color : #999999;
}
#entetemenu ul {
margin-right : 0;
margin-left : 0;
padding-top : 17px;
padding-left : 0;
list-style-type : none;
color : #333333;
text-align : center;
}
#entetemenu li {
display : inline;
}
#entetemenu a {
color : #333333;
font-size : 10px;
font-weight : bold;
text-decoration : none;
text-align : left;
}
#entetemenu a:hover {
color : #97c33c;
}
#liste li {
display : inline;
}
#actualites {
position : relative;
margin-right : auto;
margin-left : auto;
padding-bottom : 0;
padding-left : 0px;
padding-top : 0;
width : 845px;
height : 20px;
background-image : url(../img/actualites2.gif);
text-align:right;
}
#actualites a:link {
color : #ccc;
font-size : 12px;
padding-right:22px;
}
#actualites a:hover {
color : #333;
font-size : 12px;
padding-right:22px;
}
#actualites a:active {
color : #ccc;
font-size : 12px;
padding-right:22px;
}
#actualites a:visited {
color : #ccc;
font-size : 12px;
padding-right:22px;
}
#actutop {
position : relative;
margin-right : auto;
margin-left : auto;
padding : 0;
width : 489px;
height : 14px;
background-image : url(../img/actu-top.jpg);
}
#actucenter {
position : relative;
margin-right : auto;
margin-left : auto;
padding-bottom : 10px;
width : 489px;
height : auto;
background-color : #f7f7f7;
border : 1px solid #c7c7c7;
}
#actucenter p {
color : #97c33c;
font-size : 11px;
line-height : 15px;
font-style : normal;
font-weight : normal;
text-align : justify;
padding-left : 5px;
padding-right : 5px;
margin : 0;
}
#comcenter {
position : relative;
margin-right : auto;
margin-left : auto;
padding-bottom : 5px;
padding-top : 5px;
width : 489px;
height : auto;
background-color : #0099cc;
border : 1px solid #0099cc;
}
#comcenter p {
color : #fff;
font-size : 11px;
line-height : 15px;
font-style : normal;
font-weight : normal;
text-align : justify;
padding-left : 5px;
padding-right : 5px;
margin : 0;
}
#vertcenter {
position : relative;
margin-right : auto;
margin-left : auto;
padding-bottom : 5px;
padding-top : 5px;
width : 489px;
height : auto;
background-color : #fff;
border-top : 1px solid #97c33c;
}
#vertcenter p {
background-image : url(../img/egal.gif);
background-position : left;
background-repeat : no-repeat;
font-size : 11px;
line-height : 15px;
font-style : normal;
font-weight : normal;
text-align : left;
padding-left : 5px;
padding-right : 5px;
margin : 0;
}
#vertcenter a:link {
padding : 0;
margin : 0;
text-align : left;
}
#vertcenter a:visited {
padding : 0;
margin : 0;
text-align : left;
}
#vertcenter a:hover {
padding : 0;
margin : 0;
text-align : left;
}
#vertcenter a:active {
padding : 0;
margin : 0;
text-align : left;
}
#marrcenter {
position : relative;
margin-right : auto;
margin-left : auto;
padding-bottom : 5px;
padding-top : 5px;
width : 489px;
height : auto;
background-color : #336666;
border : 1px solid #336666;
}
#marrcenter p {
color : #fff;
font-size : 11px;
line-height : 15px;
font-style : normal;
font-weight : normal;
text-align : justify;
padding-left : 5px;
padding-right : 5px;
margin : 0;
}
#actucenter ul {
padding-left : 40px;
margin : 0;
}
#pack {
position : relative;
margin-right : 0;
margin-left : auto;
margin-bottom : 10px;
padding-bottom : 5px;
padding-top : 5px;
width : auto;
height : auto;
border : 0 solid #c0c0c0;
}
#pack p {
color : #fff;
font-size : 11px;
line-height : 15px;
font-style : normal;
font-weight : normal;
text-align : justify;
padding-left : 0;
padding-right : 0;
margin : 0;
}
#actubottom {
position : relative;
margin-right : auto;
margin-left : auto;
padding : 0;
width : 489px;
height : 1px;
background-image : url(../img/actu-bottom.jpg);
}
#contentcenter {
position : relative;
margin-right : auto;
margin-left : auto;
padding : 0;
width : 800px;
height : auto;
background-image : url(../img/back_center.gif);
}
#contentcenter2 {
position : relative;
margin-right : auto;
margin-left : auto;
padding : 0;
width : 800px;
height : auto;
background-color : #fff;
}
#contentcenter2 p {
padding-left : 25px;
padding-right : 25px;
}
#contentcenter2 img {
padding : 0;
margin : 0;
}
#contentcenter p {
padding-left : 25px;
padding-right : 25px;
}
#contentcenter img {
padding : 0;
margin : 0;
}
#contentcenterref {
position : relative;
margin-right : auto;
margin-left : auto;
padding : 0;
width : 800px;
height : 600px;
background : #ffffff;
border : 1px solid #3a9148;
}
#flash {
position : relative;
background-image : url(../img/banniere.gif);
width : 800px;
height : 80px;
}
#flash h3 {
position : absolute;
font-size : 11px;
text-align : right;
font-weight : normal;
line-height : 14px;
letter-spacing : 0;
color : #333;
left : 610px;
top : 66px;
}
#flash h3 a {
color : #666;
}
#contentleft {
position : relative;
width : 389px;
height : auto;
margin-top : 6px;
margin-bottom : 6px;
float : left;
padding-left : 25px;
padding-right : 25px;
border-right : 1px solid #009933;
}
#contentright {
position : relative;
width : 305px;
height : auto;
padding-top : 15px;
padding-right : 25px;
padding-left : 25px;
float : right;
text-align : center;
}
#contentleft1 {
position : relative;
width : 760px;
height : auto;
margin-right : auto;
margin-left : auto;
padding-top : 10px;
float : left;
}
#contentright1 {
position : relative;
width : 260px;
height : auto;
padding-top : 15px;
padding-right : 25px;
padding-left : 25px;
float : right;
text-align : center;
}
#ret {
padding-left : 20px;
padding-right : 20px;
}
#paracom {
background-position : top left;
background-repeat : no-repeat;
margin-top : 15px;
height : auto;
text-align : justify;
}
#paracom002 {
background-image : url(../img/puce.gif);
background-position : top left;
background-repeat : no-repeat;
margin-left : 70px;
margin-top : 20px;
height : auto;
text-align : justify;
}
#refinternet {
width : 495px;
height : 270px;
margin-right : auto;
margin-left : auto;
text-align : center;
background-image : url(../img/fond_ref.gif);
}
#refinternetleft {
float : left;
width : 340px;
height : 270px;
margin-right : auto;
margin-left : auto;
text-align : center;
}
#refinternetright {
float : right;
width : 155px;
height : 270px;
margin-right : auto;
margin-left : auto;
text-align : justify;
}
#footer {
width : 800px;
height : 47px;
padding-top : 10px;
margin-right : auto;
margin-left : auto;
text-align : center;
background-image : url(../img/fin004.gif);
}
#footerleft {
float : left;
width : 100px;
padding-top : 5px;
text-align : center;
}
#footerright {
float : right;
width : 700px;
height : 60px;
padding-top : 5px;
}
#footerright p {
font : normal 75%/1em "Trebuchet MS", Verdana, Arial, sans-serif;
line-height : 17px;
color : #ffffff;
text-align : right;
padding-right : 20px;
}
#footerright a:link {
color : #ffffff;
text-decoration : none;
border : none;
padding-right : 15px;
}
#footerright a:active {
color : #ffffff;
text-decoration : none;
border : none;
padding-right : 15px;
}
#footerright a:hover {
color : #ffffff;
text-decoration : none;
border : none;
}
a:link {
color : #97c33c;
text-decoration : none;
border : none;
}
a:visited {
color : #97c33c;
text-decoration : none;
}
a:hover {
color : #f4a000;
border : 0;
text-decoration : none;
}
a:active {
color : #333333;
text-decoration : none;
}
a.link1 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #3a9148;
}
#page a {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #97c33c;
padding : 3px;
border : 1px solid #97c33c;
}
#page a:active {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
background-color : #97c33c;
color : #ffffff;
padding : 3px;
border : 1px solid #97c33c;
}
#page a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
background-color : #97c33c;
color : #ffffff;
padding : 3px;
border : 1px solid #97c33c;
}
a img {
border : 0 none;
}
p {
font : normal 90% "Trebuchet MS", Verdana, Arial, sans-serif;
color : #333333;
line-height : 18px;
font-style : normal;
font-weight : normal;
text-align : justify;
margin-left : 20px;
margin-right : 20px;
padding : 0;
}
p img {
padding-right : 10px;
padding-bottom : 10px;
float : left;
}
#ulli ul {
font : normal 90% "Trebuchet MS", Verdana, Arial, sans-serif;
color : #333333;
line-height : 18px;
font-style : normal;
font-weight : normal;
text-align : justify;
margin : 0;
padding-top : 10px;
}
#ulli li {
font : normal 90% "Trebuchet MS", Verdana, Arial, sans-serif;
color : #333333;
list-style-type : none;
line-height : 18px;
font-style : normal;
font-weight : normal;
text-align : justify;
margin-left : 100px;
margin-right : 40px;
padding : 0;
}
.marges p {
padding-left : 0;
padding-right : 0;
}
.marges fieldset {
margin-left : 25px;
margin-right : 25px;
}
.th1 {
font : normal 100%/2em "Trebuchet MS", Verdana, Arial, sans-serif;
font-size : 11px;
font-weight : bold;
color : #999999;
}
.th111 {
font : normal 100%/2em "Trebuchet MS", Verdana, Arial, sans-serif;
font-size : 11px;
font-weight : normal;
color : #CCCCCC;
}
.th2 {
font-weight : normal;
color : #333333;
}
.th3 {
font-size : 10px;
font-weight : normal;
line-height : 15px;
color : #666666;
}
.th4 {
font : normal 100%/2em "Trebuchet MS", Verdana, Arial, sans-serif;
font-size : 14px;
font-weight : bold;
color : #ffcc33;
}
.th15 {
font-size : 12px;
font-weight : normal;
line-height : 15px;
color : #666666;
}
.thnew {
font-size : 11px;
font-style : italic;
font-weight : normal;
line-height : 15px;
color : #666666;
}
.th5 {
font : normal 100%/2em "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight : normal;
color : #ffffff;
}
.th6 {
font : normal 100%/2em "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight : bold;
font-style : italic;
line-height : 15px;
color : #97c33c;
}
.th14 {
font : normal 140%/3em "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight : bold;
font-style : italic;
line-height : 15px;
color : #97c33c;
}
.th7 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #97c33c;
}
.th8 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #999999;
}
.th9 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #0099cc;
}
.th10 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #fff;
}
.th11 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #336666;
}
.thhome {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
font-style : italic;
color : #666;
margin-left : 70px;
margin-top : 15px;
}
.black {
color : #333;
}
.grey {
color : #999;
}
abbr, acronym {
cursor : help;
}
fieldset {
padding : 0 7px 7px 4px;
}
legend {
color : #333333;
font-weight : bold;
}
#tb {
padding : 0 25px 0 25px;
text-align : center;
}
#table {
padding : 0 25px 0 25px;
text-align : center;
}
#alignright {
text-align : right;
padding-right : 25px;
}
#topright {
text-align : right;
}
#aligncenter {
text-align : center;
}
#format textarea {
width : 360px;
text-align : center;
}
H1 {
background-image : url(../img/h1.gif);
background-position : left;
background-repeat : no-repeat;
font-weight : bold;
font-size : 14px;
margin-left : 10px;
padding-left : 30px;
margin-bottom : 10px;
margin-top : 15px;
color : #97c33c;
padding-top : 10px;
text-align : justify;
}
H2 {
font-weight : bold;
font-size : 11px;
padding-bottom : 0;
margin : 0;
color : #3a9148;
padding-top : 0;
text-align : right;
font-style : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
H3 {
font-weight : bold;
font-size : 11px;
padding-bottom : 0;
margin : 0;
color : #333333;
padding-top : 0;
text-align : right;
font-style : normal;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
.lettrine {
float : inherit;
font-size : 14px;
font-style : normal;
font-weight : 800;
color : #006633;
}
.citorb {
font-size : 17px;
color : #f4a000;
font-weight : normal;
line-height : 24px;
margin-left : 20px;
}
.citor {
font-size : 17px;
color : #f4a000;
font-weight : normal;
line-height : 24px;
padding-left : 20px;
}
.citredb {
font-size : 17px;
color : #b4152b;
font-weight : normal;
line-height : 24px;
padding-left : 20px;
}
.citgreenb {
font-size : 15px;
color : #97c33c;
font-weight : normal;
line-height : 24px;
padding-left : 20px;
}
.citgreyb {
font-size : 15px;
color : #9c9b9a;
font-weight : normal;
line-height : 24px;
padding-right : 45px;
text-align : right;
float : right;
}
.citblackb {
font-size : 17px;
color : #222;
font-weight : normal;
line-height : 24px;
padding-left : 20px;
}
.citbl {
font-size : 17px;
color : #fff;
font-weight : normal;
line-height : 24px;
padding-left : 20px;
}
.Style1 {
color : #f4a000;
}
.Style2 {
color : #97c33c;
}
.Style3 {
color : #666666;
}
.Style4 {
color : #ffffff;
}
.referencement {
color : #6699ff;
}
.editorial {
color : #9c9b9a;
}
.black {
color : #333;
}
.grey {
color : #666;
}
.communication {
color : #0099cc;
}
.portofolio {
color : #97c33c;
}
.sitesinternet {
color : #336666;
}
#pop1, #pop2 {
position : absolute;
display : none;
width : 20em;
border : 3px double black;
background : #f5f5dc;
z-index : 500;
font-size : 80%;
}
#pop1 p, #pop2 p {
margin : 0 0.3em;
}
#pop1 h1, #pop2 h1 {
font-size : 110%;
margin : 0 0 0.5em 0;
border-bottom : 1px solid black;
background : white url(top.gif) repeat-x left top;
color : black;
text-align : center;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox img {
width : auto;
height : auto;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
outline : none;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}
#global-nav {
position:relative;
width : 800px;
height : 25px;
margin : 0;
padding : 5px 0 0 0;
background : #222;
border-top : 1px solid #222;
border-bottom : 1px solid #282828;
bottom : 0;
}
#global-nav ul {
padding-left: 25px;
margin: 0;
}
#global-nav li {
display : inline;
width : auto;
float : left;
padding-left : 0;
padding-right : 10px;
text-align : center;
text-transform : uppercase;
font-size : 0.7em;
overflow : hidden;
}
#global-nav li a {
padding : 5px;
width : 100%;
/width : auto;
-width : auto;
height : 100%;
color : #ccc;
height : 25px;
text-decoration : none;
font-weight : bold;
}
#global-nav li a:hover {
padding : 5px;
width : 100%;
/width : auto;
-width : auto;
height : 100%;
border-left : 1px solid #282828;
color : #97c33c;
}
#active {
display : block;
padding : 0;
width : 100%;
height : 100%;
color : #fff;
text-decoration : none;
border-left : 2px solid #282828;
border-right : 2px solid #282828;
font-weight : bold;
font-size : 0.9em;
}
.lettrine2 {
float : left;
font-size : 3em;
font-weight : bold;
font-family : Georgia, Times New Roman, Times, serif;
color : #fff;
background-color : #97c33c;
margin-left : 0;
margin-top : 0;
margin-right : 5px;
margin-bottom : 0;
padding-left : 3px;
padding-right : 3px;
padding-top : 0;
padding-bottom : 0;
line-height : 1em;
}
.lettrine3 {
float : left;
font-size : 3em;
font-weight : bold;
font-family : Georgia, Times New Roman, Times, serif;
color : #fff;
background-color : #666;
margin-left : 0;
margin-top : 0;
margin-right : 5px;
margin-bottom : 0;
padding-left : 3px;
padding-right : 3px;
padding-top : 0;
padding-bottom : 0;
line-height : 1em;
}
label {
font : normal 90% "Trebuchet MS", Verdana, Arial, sans-serif;
 padding-left:45px;
 display:block;
 }