/* 

DOCSOURCING 2008 |  DELTA WEB http://www.delta-web.com



*/

body {
margin:0;
padding:0;
background:#fff;
font:11px Arial, Helvetica, sans-serif;
color:#333;
line-height:14px;
}

p {
margin:5px 0 10px 0;
}

h1 {
margin:0 0 10px 0;
font:100 20px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#000;
line-height:18px;
}

h2 {
margin:15px 0 10px 0;
font:bold 14px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#000;
}

h3 {
margin:10px 0 5px 0;
font:bold 12px Arial, Helvetica, sans-serif;
color:#333;
}

img {
border:none;
}

a {
color:#00519e;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

ul {
margin:0;
padding:0;
list-style:none;
}

li {
margin:0;
padding:0 0 0 15px;
background:url(../images/puce_li.gif) 0 2px no-repeat;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   :::::
   ::::: ID
   :::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

/* Global conteneur
   --------------------------------------------------------------
*/

#global {
margin:0 auto;
width:900px;
}

.backgroundleft {
background:url(../images/bg_mainright.gif) repeat-y;
}

.backgroundright {
background:url(../images/bg_mainleft.gif) repeat-y;
}

/* Header
   --------------------------------------------------------------
*/

#header {
height:250px; /*250px*/
background:url(../images/bg_header.gif) no-repeat;
border-bottom:1px solid #444444;
}

#logo {
width:900px;
height:79px;
}

/* Colones principales
   --------------------------------------------------------------
*/

#colarge,
#colite,
#colonce {
float:left;
}

#colarge {
width:600px;
}

#colite {
width:300px;
}

#colonce {
width:900px;
clear:both;
background:#fff;
}

/* Footer
   --------------------------------------------------------------
*/

#footer{
clear:both;
height:126px;
background:url(../images/bg_footer.gif) no-repeat right #4c4c4c;
padding-top:25px;
}

#footer p, #footer a{
color:#FFFFFF;
font-size:0.95em;
}

a.hautdepage{
margin-left:20px;
background:url(../images/puce_hautdepage.gif) no-repeat left;
padding-left:15px;
}

/* Menu principal
   --------------------------------------------------------------
*/

#menu1 {
margin:0;
padding:0;
list-style:none;
width:299px; /*300px*/
border-right:1px solid #444444;
border-top:3px solid #444444;
}

#menu1 li {
margin:0;
padding:0;
}

#menu1 li a {
display:block;
width:299px;
line-height:21px;
text-indent:10px;
text-decoration:none;
font-size:12px;
color:#000;
background:#b2b2b2;
}

#menu1 li a:hover,
#menu1 li.selected a {
background:#595959;
color:#fff;
}

#menu1 li.selected a {
cursor:default;
}

/* Menu metiers
   --------------------------------------------------------------
*/

#menu2 {
margin:-171px 0 0 0;
padding:0;
list-style:none;
width:299px; /*300px*/
border-left:1px solid #444444;
border-top:3px solid #444444;
float:right;
background:#fff;
}

#menu2 li {
margin:0;
padding:0;
}

#menu2 li a {
display:block;
width:299px;
line-height:42px;
text-indent:60px;
text-decoration:none;
font-size:12px;
color:#000;
background-position:0px 0px;
}

#menu2 li a:hover,
#menu2 li.selected a {
background-position:0 -42px;
}

#menu2 li.selected a {
cursor:default;
}

#menu2 li#bt0 a {
background-image:url(../images/bg_bt0.gif);
color:#01529e;
}

#menu2 li#bt1 a {
background-image:url(../images/bg_bt1.gif);
color:#0194d8;
}

#menu2 li#bt2 a {
background-image:url(../images/bg_bt2.gif);
color:#6cb3d4;
}

#menu2 li#bt3 a {
background-image:url(../images/bg_bt3.gif);
color:#febf01;
}

/* Sous menu
   --------------------------------------------------------------
*/

#menu3 {
float:left;
margin:0;
padding:0;
list-style:none;
width:299px;
border-right:1px solid #444444;
border-bottom:1px solid #444444;
}

#menu3 li {
margin:0;
padding:0;
}

#menu3 li a {
display:block;
width:299px;
line-height:20px;
text-indent:20px;
text-decoration:none;
color:#000;
background:#fff url(../images/bg_sub_nav.gif) no-repeat;
}

#menu3 li a:hover,
#menu3 li.selected a {
background:#7c7c7c url(../images/bg_sub_nav.gif) no-repeat;
color:#fff;
}

#menu3 li.selected a {
cursor:default;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   :::::
   ::::: CLASS
   :::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

.clearboth {
clear:both;
}

.floatleft {
float:left;
}

.alignright {
text-align:right;
}

.aligncenter {
text-align:center;
}

a.lienpuce {
padding:0 0 0 10px;
background:url(../images/puce_lien.gif) 0 2px no-repeat;
}

.borderimg {
border:1px solid #000;
}

.colfooter {
width:300px;
float:left;
margin:0px;
padding:0px;
}

.formok {
padding:5px;
border:1px solid #eaeaea;
background:#f0f0f0;
}

/* Img float left
   --------------------------------------------------------------
*/

.imgfloatleft,
.imgfloatleftborder {
float:left;
margin:0 20px 20px 0;
}

.imgfloatleftborder {
border:1px solid #000;
}

/* Img float right
   --------------------------------------------------------------
*/

.imgfloatright,
.imgfloatrightborder {
float:right;
margin:0 0 20px 20px;
}

.imgfloatrightborder {
border:1px solid #000;
}

/* Blocs texte
   --------------------------------------------------------------
*/

.classbloc,
.classbloc2,
.bluebloc,
.yellowbloc {
clear:both;
}

.classbloc h2,
.classbloc2 h2,
.bluebloc h2,
.yellowbloc h2 {
margin-top:0;
}

.bluebloc h2,
.yellowbloc h2 {
margin-bottom:0;
padding-left:10px;
padding-bottom:0;
}

/* Bloc classique
*/

.classbloc {
padding:10px;
}

.classbloc2 {
padding:0 10px 0 10px;
}

/* Bloc bleu
*/

.bluebloc,
.bluebloc2,
.bluebloc3,
.bluebloc4,
.blocdocu,
.bloccarte,
.blocmylink,
.blocpromo {
padding:20px 10px 10px 10px;
background:#E5F4FB url(../images/bg_bloc_bleu.gif) no-repeat;
border-bottom:1px solid #444444;
width:580px;
float:left;
}

.bluebloc2,
.bluebloc3,
.bluebloc4,
.blocdocu,
.bloccarte,
.blocmylink,
.blocpromo  {
width:880px;
}

.bluebloc3,
.bluebloc4 {
border-top:1px solid #444444;
padding:10px;
}

.bluebloc4 {
background:#E5F4FB url(../images/bg_bloc_bleu_clair.gif) no-repeat;
}

.bluebloc4 h2 {
margin-top:0;
}

.blocdocu {
background:#E5EDF5 url(../images/bg_bloc_docu.gif) no-repeat;
}

.blocpromo {
background:#E5F4FB url(../images/bg_bloc_bleu_clair.gif) no-repeat;
}

.blocmylink {
background:#FFFAE5 url(../images/bg_bloc_mylink.gif) no-repeat;
}

.bloccarte {
background:#EBF7FC url(../images/bg_bloc_cartevisite.gif) no-repeat;
}

/* Bloc jaune
*/

.yellowbloc {
padding:20px 10px 10px 10px;
background:#fffae5 url(../images/bg_bloc_jaune.gif) no-repeat;;
}

.mylinkhome {
clear:both;
height:170px;
padding:86px 20px 0 250px;
background:url(../images/bg_mylinkbloc.jpg) no-repeat;
}

/* Colones pour colarge et colonce
   --------------------------------------------------------------
*/

.clox2liteleft,
.clox2literight,
.clox2left,
.clox2right,
.clox2liteleftb,
.clox2literightb,
.clox2leftb,
.clox2rightb {
float:left;
width:269px; /*300px*/
padding:10px;
border-right:1px solid #444444;
}

.clox3liteleft,
.clox3literight,
.clox3left,
.clox3right,
.clox3liteleftb,
.clox3literightb,
.clox3leftb,
.clox3rightb {
float:left;
width:172px; /*200px*/
padding:10px;
border-right:1px solid #444444;
}

.clox2literightb,
.clox2rightb,
.clox3literightb,
.clox3rightb,
.clox2liteleft,
.clox2literight,
.clox2left,
.clox2right,
.clox3liteleft,
.clox3literight,
.clox3left,
.clox3right {
border:none;
}

.clox2liteleft,
.clox2literight,
.clox2left,
.clox2right {
width:270px; /*300px*/
}

.clox3liteleft,
.clox3literight,
.clox3left,
.clox3right {
width:173px; /*200px*/
}

/* Colones pour colonce 
*/

.clox2left,
.clox2right {
width:420px; /*450px*/
}

.clox3left,
.clox3right {
width:273px; /*300px*/
}

.clox2leftb,
.clox2rightb {
width:419px; /*450px*/
}

.clox3leftb,
.clox3rightb {
width:272px; /*300px*/
}

/* Colones double
*/

.coldouble,
.coldoublelite {
width:560px;
padding:10px;
float:left;
}

.coldoublelite {
width:340px;
}

/* H2 pour toutes
*/

.clox2liteleft h2,
.clox2literight h2,
.clox2left h2,
.clox2right h2,
.clox2liteleftb h2,
.clox2literightb h2,
.clox2leftb h2,
.clox2rightb h2,
.clox2literightb h2,
.clox2rightb h2,
.clox3literightb h2,
.clox3rightb h2,
.clox3liteleft h2,
.clox3literight h2,
.clox3left h2,
.clox3right h2,
.coldouble h2,
.coldoublelite h2 {
margin-top:0;
}

/* Conteneur video
   --------------------------------------------------------------
*/

.video {
float:left;
width:299px;
padding:0 0 0 0px;
border-bottom:1px solid #444444;
background:#e5e5e5;
}

/* Blocs actualités
   --------------------------------------------------------------
*/

.actuitem,
.actuitemselect {
border-top:1px solid #ededed;
padding:20px 0 20px 0;
}

.actuitem h3,
.actuitemselect h3 {
font:bold 12px Arial, Helvetica, sans-serif;
color:#00519e;
margin:0 0 10px 0;
}

.actuitem h3.doc,
.actuitem h3.promo,
.actuitem h3.carte,
.actuitem h3.mylink,
.actuitemselect h3.doc,
.actuitemselect h3.promo,
.actuitemselect h3.carte,
.actuitemselect h3.mylink {
background-image:url(../images/puce_actu_doc.gif);
background-position:0 -2px;
background-repeat:no-repeat;
padding:0 0 0 25px;
}

.actuitem h3.promo,
.actuitemselect h3.promo {
background-image:url(../images/puce_actu_promo.gif);
}

.actuitem h3.carte,
.actuitemselect h3.carte {
background-image:url(../images/puce_actu_carte.gif);
}

.actuitem h3.mylink,
.actuitemselect h3.mylink {
background-image:url(../images/puce_actu_mylink.gif);
}

.actuitemselect {
background:#ededed;
padding-left:10px;
padding-right:10px;
}

/* Formulaire
   --------------------------------------------------------------
*/

.form {
margin:0;
padding:10px;
list-style:none;
background:#fafafa;
}

.form li {
padding:5px 0 5px 0;
background:none;
}

.form li label {
display:block;
width:200px;
float:left;
margin:0;
padding:0;
}

.form li input,
.form li textarea {
height:25px;
line-height:25px;
border:1px solid #444444;
background:#fff;
width:290px;
}

.form li textarea {
line-height:14px;
height:180px;
}

.pbtform {
padding:5px 0 0 200px;
}

/* H2 spéciales
   --------------------------------------------------------------
*/

.h2docu,
.h2promo,
.h2visite {
background:url(../images/picto_h2_doc.gif) 0 2px no-repeat;
padding-left:25px;
}

.h2promo {
background:url(../images/picto_h2_promo.gif) 0 2px no-repeat;
}

.h2visite {
background:url(../images/picto_h2_visite.gif) 0 2px no-repeat;
}

/* Lien bas de page
   --------------------------------------------------------------
*/
.liensbasdepage {
padding-top:30px;
padding-bottom:30px;
background:#fff;
text-align:left;
color:#999;
}

.liensbasdepage a {
color:#999;
}