/* CSS Document */
body {
margin : 0;
background-color:#dbdada;
} 
#global {
position : absolute; 
left : 50%; 
width : 975px; 
margin-top : 0; 
margin-left : -488px;
background-color:#FFFFFF;
border:#009933 solid 1px;
border-top: none;
} 
#logo {
background-color: #4F585F;
height: 73px;
margin-bottom:1px;
}
#logo img {
margin: 15px;
}
/* Header Home */
#header {
height:214px;
background:right url(../img/header-presence.jpg);
position:relative;
}
#header .bouton {
position:absolute;
left: 450px;
height:50px;
display:block;
width:200px;
height:100px;
}
#header ul {
width: 244px;
height: 189px;
margin: 0;
padding: 25px 0 0 0;
background-color: #669900;
list-style-type:none;
font: 12px Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#header li a {
display:block;
width: 213px;
height: 40px;
background-image: url(../img/bg-cel-off.gif);
margin-left: 15px;
line-height: 40px;
text-indent: 30px;
color:#FFFFFF;
text-decoration:none;
}
#header li a:hover {
background-image:url(../img/bg-cel-on.gif);
color: #669900;
}
#header .cel a {
background-image: url(../img/bg-cel-off2.gif);
height: 42px;
line-height: 42px;
}
#header .cel a:hover {
background-image: url(../img/bg-cel-on2.gif);
color: #669900;
}
#header .actif {
background-image: url(../img/bg-cel-on2.gif);
color: #669900;
}
#header p {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
position:absolute;
left:280px;
bottom:20px;
}
#header p a {
color:#FFFFFF;
}
#pack {
position:absolute;
top:60px;
right:35px;
line-height:30px;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:0;
padding:0;
}

/*couleurs et styles*/
.vert {
color: #669900;
}
.violet {
color:#993499;
}
.bleu {
color:#000099;
}
.rouge {
color:#990000;
}
.orange {
color: #CC9900;
}
.creme {
color: #CCCC99;
}
.blanc {
color:#FFFFFF;
}
.italic {
font-style:italic;
}
#left {
float: left;
width: 285px;
margin-right:35px;
}
#left h1 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
display: block;
height:40px;
padding: 5px 0 0 10px;
color: #333333;
margin:20px 0 0 0;
}
#left h2 {
margin:0 0 0 50px;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
#left .ctapack {
padding-left:75px;
margin:5px 0 0 0;
font-size:11px;
}
#left .ctapack2 {
padding-left:75px;
margin:0 0 20px 0;
font-size:11px;
}
#left p {
display: block;
padding-left:10px;
color: #333333;
margin:0 0 0 0;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-align:justify;
line-height:18px;
}
#left ul {
padding-left:5px;
list-style-type:none;
padding:10px 0 0 10px;
margin:0;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
line-height:28px;
}
#left .savoir-faire a {
display:block;
padding-top:7px;
height:25px;
background-color:#669900;
text-decoration:none;
text-align:center;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-top: 10px;
}
#left .savoir-faire a:hover {
text-decoration:underline;
}
#left img {
margin:40px 0 25px 10px;
}
#left .pack {
margin: 0 10px 20px 0;
float:left;
}
#left .decal {
margin-left:75px;
}
#left a {
text-decoration:none;
}
#left a:hover {
text-decoration:underline;
}
#left .contact {
border:none;
}
#right {
margin-left: 320px;
}
#right .italic {
font-size:12px;
}
#right .italic2 {
font-style:italic;
color:#333333;
font-weight:normal;
font-size:12px;
}
#right h1 {
display:block;
width:595px;
height:20px;
border: thin solid #669900;
border-width: 0 0 1px 0;
background-image:url(../img/fleche-verte.jpg);
background-position:left;
background-repeat:no-repeat;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
margin:20px 0 20px 0;
padding: 7px 0 0 40px;
text-transform:uppercase;
}
#right .moteur {
float:right;
margin-right:20px;
}
#right .cta {
margin-bottom:15px;
margin-left:25px;
}
#right .psf {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
margin-left:35px;
text-align:justify;
width:570px;
line-height:18px;
}
#right .psf2 {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
margin-left:35px;
text-align:justify;
width:450px;
line-height:18px;
}
#right .legal {
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-align:justify;
width:465px;
margin-left:50px;
}
#right .left1 {
float:left;
width:310px;
border: thin dotted #669900;
border-width: 0 1px 0 0;
padding:0 15px 0 0;
}
#right .left1 img {
float:left;
margin-right:10px;
}
#right h2 {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#669900;
margin: 0 0 10px 0;
}
#right .left1 p {
margin: 0 10px 0 105px;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
}
#right .left1 ul {
list-style-type:none;
margin : 10px 0 54px 110px;
padding: 0 0 0 15px;
background-image:url(../img/triangle.gif);
background-position:left;
background-repeat:no-repeat;
}
#right .left1 a {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
#right .right1 {
margin-left: 300px;
width: 300px;
}
#right .right1 img {
float:left;
margin: 0 10px 0 10px;
}
#right .right1 p {
margin: 0 10px 0 110px;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
}
#right .right1 a {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
#right .right1 ul {
list-style-type:none;
margin : 10px 0 30px 120px;
padding: 0 0 0 15px;
background-image:url(../img/triangle.gif);
background-position:left;
background-repeat:no-repeat;
}
#right .cxplus {
display:block;
width:595px;
height:20px;
border: thin solid #993499;
border-width: 0 0 1px 0;
background-image:url(../img/fleche-violette.jpg);
background-position:left;
background-repeat:no-repeat;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
margin:20px 0 20px 0;
padding: 7px 0 0 40px;
text-transform:uppercase;
}
#right .commerce {
display:block;
width:595px;
height:20px;
border: thin solid #a10b2e;
border-width: 0 0 1px 0;
background-image:url(../img/fleche-rouge.gif);
background-position:left;
background-repeat:no-repeat;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
margin:20px 0 20px 0;
padding: 7px 0 0 40px;
text-transform:uppercase;
}
#right .gold {
display:block;
width:595px;
height:20px;
border: thin solid #c59502;
border-width: 0 0 1px 0;
background-image:url(../img/fleche-orange.gif);
background-position:left;
background-repeat:no-repeat;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
margin:20px 0 20px 0;
padding: 7px 0 0 40px;
text-transform:uppercase;
}
#right .performance {
display:block;
width:595px;
height:20px;
border: thin solid #0b24a1;
border-width: 0 0 1px 0;
background-image:url(../img/fleche-bleue.gif);
background-position:left;
background-repeat:no-repeat;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
margin:20px 0 20px 0;
padding: 7px 0 0 40px;
text-transform:uppercase;
}
#right .perso {
display:block;
width:595px;
height:20px;
border: thin solid #CCCC99;
border-width: 0 0 1px 0;
background-image:url(../img/fleche-creme.gif);
background-position:left;
background-repeat:no-repeat;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
margin:20px 0 20px 0;
padding: 7px 0 0 40px;
text-transform:uppercase;
}
#right ul {
margin:0;
padding:0;
}
#right li {
list-style-type:none;
margin:0;
padding:0 15px 0 0;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
line-height:21px;
}
#right .imgpack {
float:left;
margin-right:15px;
}
#right .barrepack {
margin-left:50px;
}
#right .pagepack {
width: 400px;
text-align:justify;
margin-left:160px;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
}
#right .pagecrea {
width: 300px;
text-align:justify;
margin-left:230px;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
}
#right .titrecrea {
font: bold 16px Verdana, Arial, Helvetica, sans-serif;
}
#right h3 {
font: italic 14px Verdana, Arial, Helvetica, sans-serif;
color:#669900;
text-align:justify;
display:block;
padding-right:35px;
}
#right h3 a {
font: italic 14px Verdana, Arial, Helvetica, sans-serif;
color:#669900;
text-decoration:none;
}
#right h4 a {
text-decoration:none;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#669900;
}
#right p {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
margin:0 0 10px 0;
padding:0;
}
#right p a {
text-decoration:none;
color:#669900;
}
#right .pacific {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
margin:0 0 10px 235px;
padding:0 15px 0 0;
}
#right .beart {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
margin:0 0 10px 240px;
padding:0 15px 0 0;
}
#right hr {
clear:both;
}
#til {
background-image:url(../img/til-violet.gif);
width:465px;
margin-left:50px;
padding:15px 0 0 0;
}
#til li {
background: url(../img/triangle-violet.gif) no-repeat left;
display: block;
list-style-type:none;
padding-left:20px;
margin-bottom: 10px;
}
#til .tvert {
background: url(../img/triangle-vert.gif) no-repeat left;
display: block;
list-style-type:none;
padding-left:20px;
margin-bottom: 10px;
}
#til .tbleu {
background: url(../img/triangle-bleu.gif) no-repeat left;
display: block;
list-style-type:none;
padding-left:20px;
margin-bottom: 10px;
}
#til .trouge {
background: url(../img/triangle-rouge.gif) no-repeat left;
display: block;
list-style-type:none;
padding-left:20px;
margin-bottom: 10px;
}
#til .torange {
background: url(../img/triangle-orange.gif) no-repeat left;
display: block;
list-style-type:none;
padding-left:20px;
margin-bottom: 10px;
}
#til .prix {
display: block;
list-style-type:none;
font-size:30px;
background-image:none;
padding:0;
margin-bottom:20px;
}
#til .nomargin {
margin:0;
}
#til .nomarginvert {
margin:0;
background: url(../img/triangle-vert.gif) no-repeat left;
}
#til .nomarginbleu {
margin:0;
background: url(../img/triangle-bleu.gif) no-repeat left;
}
#til .nomarginrouge {
margin:0;
background: url(../img/triangle-rouge.gif) no-repeat left;
}
#til ul {
margin:0;
padding:0 0 0 35px;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
#real-left {
float:left;
width:300px;
}
#real-left li {
font-size:11px;
line-height:15px;
padding:0 0 5px 0;
}
#real-left h1 {
display:inline;
border:none;
font: Bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#669900;
background-image:none;
padding:0;
margin:0;
text-transform:none;
}
#real-left img {
margin-right:8px;
}
#real-left h3 {
border:none;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#669900;
background-image:none;
margin: 0 0 0 5px;
padding:0;
text-transform:none;
}
#real-left dt {
margin: 10px 0 10px 100px;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#669900;
}
#real-left h2 {
font-style:italic;
font-weight:normal;
margin: 15px 0 10px 139px;
padding:0;
}
#real-left img {
float:left;
}
#real-left ul {
clear:both;
list-style-type:none;
padding:0;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
margin: 0 0 20px 20px;
}
#real-left .projet {
font-weight:bold;
}
#real-left a {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-decoration:none;
}
#real-left a:hover {
text-decoration:underline;
}
#pack-left {
margin-left:320px;
}
#pack-left-left {
width:300px;
}
#pack-left-left img {
float:left;
margin-right:20px;
}
#pack-left-left h2 {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
#pack-left-left h3 a {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
#pack-left-right {
float:right;
width:300px;
}
#pack-left-right img {
float:left;
margin-right:20px;
}
#pack-left-right h2 {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
#pack-left-right h3 a {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
#pack-left h1 {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
background-image:none;
border:none;
}
#real-right {
margin-left:310px;
}
#real-right li {
font-size:11px;
}
#real-right h1 {
display:inline;
border:none;
font: Bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#669900;
background-image:none;
margin: 0 0 0 5px;
padding:0;
text-transform:none;
}
#real-right h2 {
font-style:italic;
font-weight:normal;
margin: 15px 0 10px 139px;
padding:0;
}
#real-right img {
float:left;
}
#real-right ul {
list-style-type:none;
padding:0;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
margin: 0 0 20px 20px;
}
#real-right .projet {
}
#real-right a {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-decoration:none;
}
#real-right a:hover {
text-decoration:underline;
}
#footer {
clear:both;
background-image:url(../img/bg-footer.gif);
background-repeat:repeat-x;
height:37px;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
position:relative;
}
#footer .xiti {
position:absolute;
left:2px;
top: 7px;
}
#footer a {
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
#footer ul {
list-style-type:none;
line-height:37px;
margin-right:40px;
}
#footer li {
display:inline;
}
hr {
background-image:url(../img/til-hr.gif);
background-repeat: repeat-x;
height:1px;
width:250px;
margin-bottom:15px;
}
.crea a {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#669900;
text-decoration:none;
}
.crea a:hover {
text-decoration:underline;
}
.txtform {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#669900;
}
.txtform2 {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#669900;
background-color:#e0ebcc;
}
.celcase {
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#669900;
padding-left:25px;
background-color:#e0ebcc;
}
.form {
border: 1px solid #006600;
}