/******************* LMC France 2009 *********************/
/******* @ 2009 LMC France - www.lmcfrance.com *******/


/************************ Mise à zéro des propriétés par défaut ************************/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; text-align: left; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/************************ 	Styles généraux	************************/
a { color: #444444 }
div.spacer {clear: both}
div.spacer_left {clear: left;}
hr { height: 1px; border:0; color: #999999; background-color: #999999; margin: 10px 20px }
a:hover{color: #111111;}

/* vert */ body.vert .color{color: #35b32c;}
/* gris */ body.gris .color {color: #999999;}
/* orange */ body.orange .color {color: #ff6600;}
/* violet */ body.violet .color {color: #9a33cc;}
/* marron */ body.marron .color {color: #996533;}
/* cyan */ body.cyan .color {color: #00ccff;}
/* fuchsia */ body.fuchsia .color{color: #ff0099; }

/************************ Structure générale	************************/
body {
	color: #6E6F70;
	text-align: center;	
	font-family: Verdana, Arial, Helvetica;
	background: #5A5C56;
}

div#conteneur {	background: #DEDEDE;}

div#conteneur_980 {
	margin: 0 auto;
	width: 980px;
	text-align: left;
}

/*****************************************************************/
/************************** Entete *******************************/
/*****************************************************************/
div#logo {
    background: url(images/encart_avec_ombre.png) center top no-repeat !important;
    background: url(images/encart_avec_ombreIE6.gif) 29px top no-repeat;
    position: absolute;
    width: 300px;
    height: 160px;
    margin-left: 15px;
    z-index: 200;
}
div#logo img { margin: 23px 0 0 60px }

div#logo a#bouge1 {background: red; width: 20px; height: 20px; display: block;}
div#logo a#bouge2 {background: yellow; width: 20px; height: 20px; display: block;}
div#logo a#bouge3 {background: green; width: 20px; height: 20px; display: block;}

div#main_header {font-size: 0.8em; padding: 5px 0; color: #999999;}

div#main_header div#langage {float: right; width: 130px; text-align: right; margin-top: 3px;}

div#main_header a {text-decoration: none; color: #9B9B9B; }
div#main_header a.on {color: #333333;}
div#main_header a:hover {color: #333333;}

div#main_header div#langage a.langue {display: block; background: url(images/uk_flag.gif) right no-repeat; text-align: left;}

div#main_header div#newsletter {width: 500px; font-weight: bold; float: right;}
div#main_header div#newsletter p {margin-top: 3px;}
div#main_header div#newsletter a#btn_ok {
    background: url(images/btn_ok.gif) top no-repeat;
    width: 26px;
    height: 26px;
    display: block;
    float: right;
    margin-right: 120px;
}
div#main_header div#newsletter a#btn_ok:hover {background: url(images/btn_ok_on.gif) top no-repeat;}

/*****************************************************************/
/************************** Menu *********************************/
/*****************************************************************/
div#main_menu {
	color: white;
	background: #3398cc/* #62C8FB url(images/menu/fond_menu.gif) center top repeat-x menu bombé */;
	height: 38px
}

/* vert */ body.vert div#main_menu {background: #35b32c/* url(images/menu/fond_menu_vert.gif) center top repeat-x menu bombé */;}
/* gris */ body.gris div#main_menu {background: #999999/* url(images/menu/fond_menu_gris.gif) center top repeat-x menu bombé */;}
/* orange */ body.orange div#main_menu {background: #ff6600/* url(images/menu/fond_menu_orange.gif) center top repeat-x menu bombé */;}
/* violet */ body.violet div#main_menu {background: #9a33cc/* url(images/menu/fond_menu_violet.gif) center top repeat-x menu bombé */;}
/* marron */ body.marron div#main_menu {background: #996533/* url(images/menu/fond_menu_marron.gif) center top repeat-x menu bombé */;}
/* cyan */ body.cyan div#main_menu {background: #00ccff;}
/* fuchsia */ body.fuchsia div#main_menu {background: #ff0099 }



/********* Menu first **********/

div#main_menu div#menu_first {
    float: left;
    background: url(images/menu/fond_menu_first.gif) left top no-repeat;
    width: 5px;
    height: 38px;
}

/* vert */ body.vert div#main_menu div#menu_first {background: url(images/menu/fond_menu_first_vert.gif) left top no-repeat;}
/* gris */ body.gris div#main_menu div#menu_first {background: url(images/menu/fond_menu_first_gris.gif) left top no-repeat;}
/* orange */ body.orange div#main_menu div#menu_first {background: url(images/menu/fond_menu_first_orange.gif) left top no-repeat;}
/* violet */ body.violet div#main_menu div#menu_first {background: url(images/menu/fond_menu_first_violet.gif) left top no-repeat;}
/* marron */ body.marron div#main_menu div#menu_first {background: url(images/menu/fond_menu_first_marron.gif) left top no-repeat;}
/* cyan */ body.cyan div#main_menu div#menu_first {background: url(images/menu/fond_menu_first_cyan.gif) left top no-repeat;}
/* fuchsia */ body.fuchsia div#main_menu div#menu_first {background: url(images/menu/fond_menu_first_fuchsia.gif) left top no-repeat;}



/********* Menu last **********/

div#main_menu div#menu_last {
    background: url(images/menu/fond_menu_last.gif) right top no-repeat;
    height: 38px;
	float: right;
}

/* vert */ body.vert div#main_menu div#menu_last {background: url(images/menu/fond_menu_last_vert.gif) right top no-repeat;}
/* gris */ body.gris div#main_menu div#menu_last {background: url(images/menu/fond_menu_last_gris.gif) right top no-repeat;}
/* orange */ body.orange div#main_menu div#menu_last {background: url(images/menu/fond_menu_last_orange.gif) right top no-repeat;}
/* violet */ body.violet div#main_menu div#menu_last {background: url(images/menu/fond_menu_last_violet.gif) right top no-repeat;}
/* marron */ body.marron div#main_menu div#menu_last {background: url(images/menu/fond_menu_last_marron.gif) right top no-repeat;}
/* cyan */ body.cyan div#main_menu div#menu_last {background: url(images/menu/fond_menu_last_cyan.gif) right top no-repeat;}
/* fuchsia */ body.fuchsia div#main_menu div#menu_last {background: url(images/menu/fond_menu_last_fuchsia.gif) right top no-repeat;}


div#main_menu div#liens_menu {
    padding-left: 362px;
	
    /*float: left;*/
}



/************** liens du menu **************/

/**** bleu par défaut ****/
div#main_menu div#liens_menu a {
	color: white;
	text-decoration: none;
	padding: 9px 17px;	
	font-weight: bold;
	font-size: 0.9em;
	border-left: solid 1px #48C4E0/* #70D3F1 menu bombé */;
	display: block;
	float: left;
	background: #3398cc;
}
/* vert */ body.vert div#main_menu div#liens_menu a {border-left: solid 1px #4AD33F/* #66ED3B menu bombé */; background: #35b32c;}
/* gris */ body.gris div#main_menu div#liens_menu a {border-left: solid 1px #C3C3C3/* #BEBEBE menu bombé */; background: #999999;}
/* orange */ body.orange div#main_menu div#liens_menu a {border-left: solid 1px #FF9002/* #FFB772 menu bombé */; background: #ff6600;}
/* violet */ body.violet div#main_menu div#liens_menu a {border-left: solid 1px #C348DF/* #C28DE0 menu bombé */; background: #9a33cc;}
/* marron */ body.marron div#main_menu div#liens_menu a {border-left: solid 1px #C48F49; background: #996533;}
/* cyan */ body.cyan div#main_menu div#liens_menu a {border-left: solid 1px #33eeff; background: #00ccff}
/* fuchsia */ body.fuchsia div#main_menu div#liens_menu a {border-left: solid 1px #ff00c3; background: #ff0099}




/*********** Menu on & hover ***************/

/**** bleu par défaut ****/
div#main_menu div#liens_menu a.on {background: url(images/menu/fond_menu_on.gif) repeat-x;}
div#main_menu div#liens_menu a:hover {background: #62C8FB url(images/menu/fond_menu_on.gif) repeat-x;}

/*********** vert ************/
body.vert div#main_menu div#liens_menu a.on {background: url(images/menu/fond_menu_on_vert.gif) repeat-x;}
body.vert div#main_menu div#liens_menu a:hover {background: #35b32c url(images/menu/fond_menu_on_vert.gif) repeat-x;}

/*********** gris **************/
body.gris div#main_menu div#liens_menu a.on {background: url(images//menu/fond_menu_on_gris.gif) repeat-x;}
body.gris div#main_menu div#liens_menu a:hover {background: #999999 url(images/menu/fond_menu_on_gris.gif) repeat-x;}

/************* orange *****************/
body.orange div#main_menu div#liens_menu a.on {background: url(images/menu/fond_menu_on_orange.gif) repeat-x;}
body.orange div#main_menu div#liens_menu a:hover {background: #ff6600 url(images/menu/fond_menu_on_orange.gif) repeat-x;}

/************** violet *****************/
body.violet div#main_menu div#liens_menu a.on {background: url(images/menu/fond_menu_on_violet.gif) repeat-x;}
body.violet div#main_menu div#liens_menu a:hover {background: #9a33cc url(images/menu/fond_menu_on_violet.gif) repeat-x;}

/****************** marron *****************/
body.marron div#main_menu div#liens_menu a.on {background: url(images/menu/fond_menu_on_marron.gif) repeat-x;}
body.marron div#main_menu div#liens_menu a:hover {background: #996533 url(images/menu/fond_menu_on_marron.gif) repeat-x;}

/****************** cyan *****************/
body.cyan div#main_menu div#liens_menu a.on {background: url(images/menu/fond_menu_on_cyan.gif) repeat-x;}
body.cyan div#main_menu div#liens_menu a:hover {background: #00ccff url(images/menu/fond_menu_on_cyan.gif) repeat-x;}
/****************** fuchsia *****************/
body.fuchsia div#main_menu div#liens_menu a.on {background: url(images/menu/fond_menu_on_fuchsia.gif) repeat-x;}
body.fuchsia div#main_menu div#liens_menu a:hover {background: #ff0099 url(images/menu/fond_menu_on_fuchsia.gif) repeat-x;}



/************* Icone Maison ****************/

/**** bleu par défaut ****/
div#main_menu div#liens_menu a.home {
    /*background: url(images/home/home.gif) no-repeat;*/
    float: left;
    padding: 0;
    height: 36px;
    width: 57px;
	visibility: visible !important;
	visibility: hidden;
}


/****************************************************************************************/
/*********************************** Main Content ***************************************/
/****************************************************************************************/
/********* contenu *********/
div#ctl00_main_content {
    background: #DEDEDE;
    margin-top: 10px;
    overflow: hidden;
	clear: left
}

/**** on change le fond suivant la page (le menu). Par défaut la couleur est bleu donc on ne définit pas de fond pour l'accueil où il y a le slider des photos de fond ****/

body.bleu div#ctl00_main_content {background: url(images/fond_contact2.jpg) no-repeat;}
body.orange div#ctl00_main_content {background: url(/images/fond_contact2.jpg) no-repeat;}
body.vert div#ctl00_main_content {background: url(/images/fond_expertise.jpg) no-repeat;}
body.violet div#ctl00_main_content {background: url(/images/fond_references.jpg) no-repeat;}
body.marron div#ctl00_main_content {background: url(/images/fond_emploi2.jpg) no-repeat;}
body.gris div#ctl00_main_content {background: url(/images/fond_contact2.jpg) no-repeat;}
body.cyan div#ctl00_main_content {background: url(/images/fond_contact2.jpg) no-repeat;}
body.fuchsia div#ctl00_main_content {background: url(/images/fond_references.jpg) no-repeat;}


/************* SLIDE **************/
div#ctl00_main_content div#ctl00_contenuPage_contenu {height: 552px; overflow: hidden;}

div#ctl00_main_content div.section_contenu {
    background-color: #6EA5E5;
    color: #333333;
    height: 552px;
    width: 980px;
}

/********* NEWS ***********/
div#ctl00_main_content div#news {
    width: 636px;
    float: left;
    margin: 0 0 0 10px;
    color: #333333;
    position: absolute;
    top: 480px;
    z-index: 100;
}
div#ctl00_main_content div#news div.top {
    background: url(images/block_news_top.png) top no-repeat;
    height: 14px;
    text-align: right
}
div#ctl00_main_content div#news div#ctl00_contenuPage_contenu_news {
    background: url(images/block_news_and_welcome.png) 50% 50% repeat;
    height: 110px; /* 138-(14x2) (on retire le haut et le bas) */
    overflow: hidden;  
}
div#ctl00_main_content div#news div.bottom {
    background: url(images/block_news_bottom.png) bottom no-repeat;
    height: 14px;
}


div#ctl00_main_content div#news a {color: #333333; font-style: italic;}
div#ctl00_main_content div#news a:hover {color: black;}

div#ctl00_main_content div#news a.suite {display: block; text-align: right;}

div#ctl00_main_content div#news p {font-size: 0.7em;}

div#ctl00_main_content div#news div.section {width: /*236*/260px; float: left; margin: 5px 0 0 0; height: 100px;}
div#ctl00_main_content div#news div#section_news1 {
    border-right: solid 1px #CED2D8;
    padding-right: 30px;
    margin: 5px 30px 0 25px;
    background: url(images/news.gif) no-repeat;
}

div#ctl00_main_content div#news div#ctl00_contenuPage_contenu_news h4 {color: Black; font-size: 1.1em; margin: 0 0 25px 69px; text-align: right; font-weight: bold;}

/**** liens sur image "news" ****/
/*div#ctl00_main_content div#news a#lien_news {
    text-decoration: none;
    display: block;
    position: relative;
    width: 69px;
    height: 27px;
    left: 50%;
    top: 46px;
    margin: 0 0 0 -293px;*/
    /*background-color: Red;
    opacity: 0.5;*/
/*}*/

/**** liens qui anniment le bloc news ****/
div#ctl00_main_content div#news div.bottom a#news_on {
    display: block;
    width: 16px;
    margin-left: 620px;
    text-decoration: none;
    font-size: 10px;
}

div#ctl00_main_content div#news div.top a#news_off {
    display: none;
    width: 16px;
    text-decoration: none;
    font-size: 10px;
    margin-left: 620px
}

/********* WELCOME ***********/
div#ctl00_main_content div#welcome {
    width: 311px;
    margin: 0 0 0 656px; /* 180 en haut quand le bloc n'est pas en absolute */
    font-size: 0.7em;
    color: #333333;
    position: absolute;
    top: 480px;
    z-index: 100;
}
div#ctl00_main_content div#welcome div.top {
    background: url(images/block_welcome_top.png) top no-repeat;
    height: 14px;
}
div#ctl00_main_content div#welcome div#ctl00_contenu_welcome {
    background: url(images/block_news_and_welcome.png) 50% 50% repeat;
    height: 110px; /* 138-(14x2) (on retire le haut et le bas) */
    overflow: hidden; 
}
div#ctl00_main_content div#welcome div#ctl00_contenu_welcome img#img_welcome {
    position: relative; top: -4px
}
div#ctl00_main_content div#welcome div.bottom {
    background: url(images/block_welcome_bottom.png) bottom no-repeat;
    height: 14px;    
}

div#ctl00_main_content div#welcome div#ctl00_contenu_welcome img#img_welcome {margin: 5px 0 20px 25px;}
div#ctl00_main_content div#welcome div#ctl00_contenu_welcome p {margin: 0 20px 0 25px;}

div#ctl00_main_content div#welcome a {font-style: italic; color: #333333;}
div#ctl00_main_content div#welcome a:hover {color: black;}

div#ctl00_main_content div#welcome a.suite {display: block; text-align: right;}

/* liens qui anniment le bloc welcome */
div#ctl00_main_content div#welcome div.bottom a#welcome_on {
    display: block;
    width: 16px;
    text-decoration: none;
    font-size: 10px;
    margin-left: 295px
}

div#ctl00_main_content div#welcome div.top a#welcome_off {
    display: none;
    width: 16px;
    text-decoration: none;
    font-size: 10px;
    margin-left: 295px
}

/********* PROJETS ***********/
div#ctl00_main_content div#ctl00_contenuPage_projets {height: 290px; overflow: hidden;}

div#ctl00_main_content div#nav a {
    text-decoration: none;
    background: url(images/fleche_support.png) center top no-repeat;
    position: absolute;
    width: 20px;
    height: 47px;
    left: 50%;
    color: #666666;
    padding: 28px 0 0 8px;
    font-weight: bold;
    font-size: 13px;
    font-family: Arial, Verdana;
    text-decoration: none;
    z-index: 150
}
div#ctl00_main_content div#nav a:hover { color: Black; }
div#ctl00_main_content div#nav a#projet_next { margin: 105px 0 0 474px;}
div#ctl00_main_content div#nav a#projet_previous { margin: 105px 0 0 -499px; }

div#ctl00_main_content div#ctl00_contenuPage_projets div.leprojet {
    margin: 10px 0 20px 0;
    background: url(images/boite_projet.gif) no-repeat;
    float: left;
    display: inline; /* pour ie6 */
    width: 321px;
    height: 260px;
    overflow: hidden;
    color: #999999;
    font-size: 0.7em;
    text-align: center;
    cursor: pointer;
}

/* on ajoute des marges à gauche et à droite du projet ce trouvant au centre, pour que les marges ne soient */
/* pas affectées à tous les projets (ce qui les décalerait car il ne rentreraient plus en largeur */
div#ctl00_main_content div#ctl00_contenuPage_projets div.milieu {margin: 10px 9px 20px 8px;}

div#ctl00_main_content div#ctl00_contenuPage_projets table.image_projet {
    margin-top: 10px;
    height: 123px;
    width: 320px; /* pour ff */
    text-align: center;
    vertical-align: middle;
}

div#ctl00_main_content div#ctl00_contenuPage_projets a {font-style: italic; color: #878A8C;}
div#ctl00_main_content div#ctl00_contenuPage_projets a.suite {display: block; text-align: right;}

div#ctl00_main_content div#ctl00_contenuPage_projets p {margin: 10px 50px 0; text-align: left;}

div#ctl00_main_content div#ctl00_contenuPage_projets p.project {
    background: url(images/barre_projet.gif) no-repeat;
    color: white;
    width: 215px; /* 229 sans padding */
    height: 21px;/* 25 sans padding */
    font-size: 1.2em;
    font-weight: bold;
    padding: 4px 7px 0;
}

/************************************************************************************/
/********************************** Pages filles ************************************/
/************************************************************************************/
div#ctl00_main_content div.page_fille {
    height: 312px; /* 552 sans padding */
    padding-top: 240px;
   /* background: url(images/fond_presentation.jpg) no-repeat;*/
    margin-bottom: 20px;
}
div#ctl00_main_content div.page_fille p {margin: 10px 20px;}

div#ctl00_main_content div.page_fille p.mon_img {background: url(images/presentation.gif) no-repeat; width: 138px; height: 28px;}

/**************************************************/
div#ctl00_main_content div.page_fille div#bloc_transp_g {
    width: 636px;
    float: left;
    margin: 0 0 0 10px;
    color: #333333;
    font-size: 0.7em;
}
div#ctl00_main_content div.page_fille div#bloc_transp_g div.top {
    background: url(images/block_news_top.png) top no-repeat;
    height: 14px;
}
div#ctl00_main_content div.page_fille div#bloc_transp_g div.middle {
    background: url(images/block_news_and_welcome.png) repeat;
    height: 274px; /* 302-(14x2) (on retire le haut et le bas) */
    overflow: hidden; 
    padding: 0 20px;  
}
div#ctl00_main_content div.page_fille div#bloc_transp_g div.middle p {margin: 0 0 10px;}

div#ctl00_main_content div.page_fille div#bloc_transp_g div.bottom {
    background: url(images/block_news_off_bottom.png) bottom no-repeat;
    height: 14px;
}

/**************************************************/
div#ctl00_main_content div.page_fille div#bloc_transp_d {
    width: 311px;
    margin: 0 0 0 656px;
    font-size: 0.7em;
    color: #333333;
}

div#ctl00_main_content div.page_fille div#bloc_transp_d div.top {
    background: url(images/block_welcome_top.png) top no-repeat;
    height: 14px;
}
div#ctl00_main_content div.page_fille div#bloc_transp_d div.middle {
    background: url(images/block_news_and_welcome.png) repeat;
    height: 274px; /* 302-(14x2) (on retire le haut et le bas) */
    overflow: hidden;
    padding: 0 20px;
}
div#ctl00_main_content div.page_fille div#bloc_transp_d div.middle p {margin: 0 0 10px;}

div#ctl00_main_content div.page_fille div#bloc_transp_d div.bottom {
    background: url(images/block_welcome_off_bottom.png) bottom no-repeat;
    height: 14px;
}

/*************************************************
    Petits blocs de couleur contenant un titre
**************************************************/

h2 {
    float: left !important;
	float: none;
    margin-bottom: 10px;
    display: inline; /* pour ie6 */
    height: 24px/*27sans padding*/;
    padding: 3px 7px 0;
    color: White;
    font-weight: bold;
    font-size: 17px;
    font-family: Arial;
    -moz-border-radius: 7px; /* bordures arrondies est interprêté par Firefox */
    /*border-radius: 7px;  bordures arrondies (ne marche pas sur ie) */
    -webkit-border-radius: 7px; /* bordures arrondies (ne marche pas sur ie) */
}

/* défaut bleu */ h2{background-color: #3399cc;}
/*** orange ***/ body.orange h2 {background-color: #FF6600;}
/*** vert ***/ body.vert h2  {background-color: #35B32C;}
/* violet */ body.violet h2  {background-color: #9A33CC;}
/* gris */ body.gris h2  {background-color: #999999;}
/* marron */ body.marron h2  {background-color: #9A6531;}
/*cyan*/ body.cyan h2 { background-color: #00ccff }
/*fuchsia */ body.fuchsia h2 { background-color: #ff0099 }

h2+p {clear: left;}

/*************************************************
            PAGE EXPERTISE (trois blocs)
************************************************/
div#ctl00_main_content div.page_fille div.expertise {
    width: 311px;
    margin: 0 5px;
    font-size: 0.7em;
    color: #333333;
    float: left;
}
div#ctl00_main_content div.page_fille div.expertise.first {margin-left: 13px; display: inline;/* pour ie6 */}

div#ctl00_main_content div.page_fille div.expertise div.top {
    background: url(images/block_welcome_top.png) top no-repeat;
    height: 14px;
}
div#ctl00_main_content div.page_fille div.expertise div.middle {
    background: url(images/block_news_and_welcome.png) repeat;
    height: 274px; /* 302-(14x2) (on retire le haut et le bas) */
    overflow: hidden;
    padding: 0 20px; 
}
div#ctl00_main_content div.page_fille div.expertise div.middle p {margin: 0 0 10px;}

div#ctl00_main_content div.page_fille div.expertise div.bottom {
    background: url(images/block_welcome_off_bottom.png) bottom no-repeat;
    height: 14px;
}

/*************************************************
                PAGE REFERENCES
************************************************/
table#references {margin: 0 10px; width: 960px; position: relative; top: 60px; /* Car le margin-top ne passe pas sous ie */ }
table#references td {
    border: 1px solid white;
    background: url(images/block_news_and_welcome.png) repeat;
    text-align: center;
    vertical-align: middle;
}

table#references td.references_top {
    background: url(images/references_top.png) top no-repeat;
    height: 14px;
    border: none;
}
table#references td.references_bottom {
    background: url(images/references_bottom.png) bottom no-repeat;
    height: 14px;
    border: none;
}

table#references tr.ref_cases_top td {border-top: none;}
table#references tr.ref_cases_bottom td {border-bottom: none;}

table#references td.ref_cases_left {border-left: none;}
table#references td.ref_cases_right {border-right: none;}


/************************************************************
                    Projets clients
************************************************************/
div#ctl00_contenu_projets_cli {
    padding-top: 10px;
    margin-bottom: 20px;
    height: 542px;/*552px sans padding*/
}

div#ctl00_contenu_projets_cli div#client {margin: 0 auto; color: #333333; width: 311px;}

div#ctl00_contenu_projets_cli div#client div.top {
    background: url(images/block_welcome_top.png) bottom no-repeat;
    height: 14px;
}
div#ctl00_contenu_projets_cli div#client div.middle {
    background: url(images/block_news_and_welcome.png) repeat;
    padding: 0 20px;
}
div#ctl00_contenu_projets_cli div#client div.bottom {
    background: url(images/block_welcome_off_bottom.png) top no-repeat;
    height: 14px;
}

div#ctl00_contenu_projets_cli div#client p {text-align: center;}
div#ctl00_contenu_projets_cli div#client img { /* pour que le texte soit centré verticalement à l'image */
    display: inline-block;
    vertical-align: middle;
}

div#ctl00_contenu_projets_cli a#flechegauche , div#ctl00_contenu_projets_cli a#flechedroite {
    text-decoration: none;
    background: url(images/fleche_support.png) center top no-repeat;
    position: absolute;
    width: 20px;
    height: 47px;
    left: 50%;
    color: #666666;
    padding: 28px 0 0 8px;
    font-weight: bold;
    font-size: 13px;
    font-family: Arial, Verdana;
    text-decoration: none;
    z-index: 150
}
div#ctl00_contenu_projets_cli a#flechegauche:hover, div#ctl00_contenu_projets_cli a#flechedroite:hover {color: Black;}

div#ctl00_contenu_projets_cli a#flechegauche {margin: 150px 0 0 -325px;}
div#ctl00_contenu_projets_cli a#flechedroite {margin: 150px 0 0 300px;}

div#ctl00_contenu_projets_cli div#ctl00_projets div#ctl00_contenuPage_ctl00_listeProjets {
    overflow: hidden;
    width: 636px;
    margin: 10px auto 0;
}

div#ctl00_contenu_projets_cli div#ctl00_projets div.section {
    margin: 0;
    float: left;
    display: inline; /* pour ie6 */
    width: 596px;
    height: 310px;
    overflow: hidden;
    color: #333333;
    font-size: 0.7em;
    padding: 0 20px;
    background: none;
}
div#ctl00_contenu_projets_cli div#ctl00_projets div.top {
    background: url(images/block_news_top.png) bottom no-repeat;
    height: 14px;
}
div#ctl00_contenu_projets_cli div#ctl00_projets div.middle {background: url(images/block_news_and_welcome.png) repeat; height: 310px}
div#ctl00_contenu_projets_cli div#ctl00_projets div.bottom {
    background: url(images/block_news_off_bottom.png) top no-repeat;
    height: 14px;
}

div#ctl00_contenu_projets_cli div#ctl00_projets p.retour_ref a {position: relative; top: -20px; left: 15px; font-size: 11px}

/*************************************************************
                            Contact
**************************************************************/
form#contact label {text-align: right; width: 75px; display: block; float: left;}

input#form_email, textarea#form_message, input#form_sujet {margin: 0 10px;}

/*************************************************************
                        Mentions Légales
**************************************************************/
div#ctl00_main_content div#mentions_legales.page_fille {padding: 275px 0 0; margin: 0 10px 0}
div#ctl00_main_content div#mentions_legales.page_fille p {margin: 10px 0; font-size: 0.7em;}
div#mentions_legales.page_fille div.top {background: url(images/references_top.png) bottom no-repeat; height: 14px;}
div#mentions_legales.page_fille div.middle {padding: 0 20px; background: url(images/block_news_and_welcome.png) repeat;}
div#mentions_legales.page_fille div.bottom {background: url(images/references_bottom.png) top no-repeat; height: 14px;}

/********************************** Pied de page ************************************/
div#main_footer {
	background: #5A5C56 url(images/fond_haut_pied.jpg) top repeat-x;
	padding-top: 10px;
	font-size: 0.7em;
	min-height: 97px;
	text-align: left;
	color: #CCCCCC;	
}

div#main_footer div#pied {
    width: 980px; /* 980 sans padding */
    margin: 0 auto 40px;
    /*padding-left: 65px;*/    
}

div#main_footer a {
    text-decoration: none;
    padding: 0 10px;
    color: #CCCCCC;
    display: block;
    margin-left: 5px;
}
div#main_footer a:hover {text-decoration: underline;}
div#main_footer a.on {font-weight: bold;}
div#main_footer a.on:hover {text-decoration: underline;}

div#main_footer div.liens_footer {
    background: url(images/separateur_pied_2.gif) right repeat-y;
   /*border-right: 1px solid #1F1F1F;*/
   float: left;
   padding: 10px 20px 10px 30px;
   height: 120px; /* 140 sans padding */
   width: 190px;/* 240 sans padding */
}

div#main_footer div.liens_footer.last {
   /*border: none;*/
   background: none;
}

div#main_footer div.liens_footer span#lmc {font-size: 1.7em; margin-bottom: 10px; display: block; font-weight: bold;}

div#main_footer div.liens_footer p {margin-left: 15px;}
div#main_footer div.liens_footer p.titre {margin: 0; color: #CCCCCC;}
div#main_footer div.liens_footer p.titre a {font-weight: bold; padding: 0; margin: 0;}

div#main_footer div.liens_footer p.titre.mentions, div#main_footer div.liens_footer p.titre.mentions a {font-weight: normal;}