/* CSS Shanaya pour Synthesio  */
/* Parametres generaux */

html {
background: #fff repeat;
}

#logoentreprise { margin:0 auto; width:200px;}

body {
color:#000;
margin:0;
padding:0;
}

body, h1, h2, h3, h4, p, td, ul, li, textarea, input {
font-family:Geneva,Arial,Helvetica,sans-serif;
/*line-height:130%;*/
font-size:13px;
}

a {
color:#CC0000;
text-decoration:none;
}

h1 {
color:#fff;
font-size:24px;
margin-top:0.5em;
margin-bottom:0.5em;
}

h2 {
color:#000;
font-size:18px;
margin-top:1em;
margin-bottom:1em;
}


ul {
margin:0;
padding:0;
}

img {
border:0;
}

/* Mise en page */

#bandeau {
width:100%;
background-color: #fff;
}

#drapeaux {
display:inline;
margin-left:490px;
}


#menu {
width:100%;
height:40px;
background: url(img/menu.png) #D00000;
overflow:hidden;
}

#menu ul {
padding-left:15px;
}

#menu li, #menu li a {
	display:inline;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	margin-right:10px;
	height:40px;
	line-height:40px;
	color:#fff;
	vertical-align:top;
}
#menu li a:hover {text-decoration:underline;}

#menu li.last { margin:0 0 0 130px; /*border:1px solid #1f262a; padding:2px 5px; background:#FFF;*/ }
#menu li.last a {margin:0px; /*color:#1f262a;*/ text-transform:uppercase; font-size:14px;}

#page {
background:#3F4A52 url(img/fond.gif);
width:100%;
border-top:1px #1B2326 solid;
padding-bottom:40px;
}

#footer {
width:100%;
background: url(img/footer.png) repeat-x  #fff;
}

#bloc-references {
background: url(img/bloc-references.png) no-repeat;
width:252px;
height:138px;
float:left;
padding-top:45px;
padding-left:15px;
padding-right:10px;
margin-right:6px;
}

#bloc-news {
background: url(img/bloc-news.png) no-repeat;
width:328px;
height:138px;
float:left;
padding-top:45px;
padding-left:15px;
padding-right:10px;
margin-right:6px;
}

#bloc-contact {
margin:0;
}


.contener-contenu {
background: url(img/haut-degrade.png) no-repeat top;
padding-top:4px;
}

.contenu {
background: url(img/bas-degrade.png) no-repeat bottom;
padding:5px 20px 15px 20px;
}

.centre {
width:950px;
margin:0 auto;
}

.centre2 {
width:868px;
margin:0 auto;
}

/* onglets Homepage */

#tabs {
height:36px;
line-height:36px;
vertical-align:absbottom;
}

.onglet {
cursor:pointer;
}

.onglet-on  {
cursor:default;
}

#texte1, #texte2, #texte3, #texte4 {
width:458px;
height:211px;
padding-top:20px;
padding-left:30px;
padding-right:380px;
margin-bottom:10px;
}

#texte1 a, #texte2 a, #texte3 a, #texte4 a{
color:#000;
}

#texte1 h2, #texte2 h2, #texte3 h2, #texte4 h2{
margin-top:0;
}

#texte1 {
background: url(img/bloc-consumer.png) no-repeat;
}

#texte2 {
background: url(img/bloc-pr.png) no-repeat;
}

#texte3 {
background: url(img/bloc-intelligence.png) no-repeat;
}

#texte4 {
background: url(img/bloc-sport.png) no-repeat;
}

/* pages services */

div.produits {
margin:30px 0;
padding:10px 0;
clear:both;
height:120px;
}

div.produits strong {
font-size:110%;
}

div.produits img {
float:left;
border:1px solid #000;
margin:0 10px;
}

.haut-petitbloc {
	background: url(img/haut-petitbloc.png) no-repeat top;
	padding-top:10px;
	width:277px;
	margin:5px 5px 5px 0px;
	float:left;
}

.bas-petitbloc {
background: url(img/bas-petitbloc.png) no-repeat bottom;
padding:0px 12px 15px 12px;
position:relative;
}

.bas-petitbloc h2, .bas-grandbloc h2, .bas-contactbloc h2 {
margin-top:0;
}

hr {
clear:both;
visibility:hidden;
}

.haut-grandbloc {
	background: url(img/haut-grandbloc.png) no-repeat top;
	padding-top:10px;
	width:352px;
	float:left;
	margin:5px 12px 5px 12px;
}

.bas-grandbloc {
background: url(img/bas-grandbloc.png) no-repeat bottom;
padding:0px 12px 15px 12px;
}

.haut-contactbloc {
	background: url(img/haut-contactbloc.png) no-repeat top;
	padding-top:10px;
	width:204px;
	float:left;
	margin:5px 0px 5px 5px;
}

.bas-contactbloc {
background: url(img/bas-contactbloc.png) no-repeat bottom;
padding:0px 12px 15px 12px;
}

/* page contact */
.big {
font-size:18px;
}

.small {
font-size:12px;
}

.label {
text-align:right;
width:100px;
}

.commentaires {
border:1px solid #CCCCCC;
margin-left:100px;
width:500px;
height:150px;
}

.contact {
border:1px solid #CCCCCC;
width:200px;
}

.searchBox {
	padding-left: 0.3em;
	padding-bottom: 0.2em;
	background: white url(/pictures/s_bg.gif) no-repeat top left;
	border: #ccc 1px solid;
}

img.reference {
	border:solid 2px gainsboro;
}

/* ------------------------ ajouts Laurent 09/2009

rouge: #CC0000;
noir: #000;

------------------------------------------------ */

/* {margin:0px; padding:0px;}*/
.breaker {clear:both; overflow:hidden; height:0%}

a {outline: none;}	/* Hack FF bordure pointille */
:focus{-moz-outline-style: none;}

#logoRef {position:absolute; top:18px; left:10px; }

#home {margin:0 0 5px 0; }

#services {position:relative;}

p.phoneIcon {background:url(img/phone_icon.png) no-repeat 0% 50%; line-height:24px; padding:0 0 0 32px;}
* html p.phoneIcon {background:url(img/IE6/phone_icon.gif) no-repeat 0% 50%; }	/* IE6 */

a.emailIcon {display:block; background:url('img/mail.png') no-repeat 0px 1px; line-height:22px; padding:0 0 0 30px; text-decoration:none;}
a:hover.emailIcon { text-decoration:underline;}
* html a.emailIcon {background:url('img/IE6/mail.gif') no-repeat 0px 1px; }

.wideContent {width:868px;}
.wideContent .top {background:url(img/868_top.png) no-repeat; height:10px; }
.wideContent .mid_bot {background:url(img/868_mid_bot.png) no-repeat bottom; padding-bottom:20px;}
.wideContent .mid_bot_home {background:url(img/868_mid_bot.png) no-repeat bottom; padding-bottom:10px;}

/* IE6 */
* html .wideContent .top {background:url(img/IE6/868_top.gif) no-repeat; overflow:hidden;}
* html .wideContent .mid_bot {background:url(img/IE6/868_mid_bot.gif) no-repeat bottom;}
* html .wideContent .mid_bot_home {background:url(img/IE6/868_mid_bot.gif) no-repeat bottom;}

#actions {position:absolute; top:15px; right:20px;}
#actions a.print {display:block; width:24px; height:24px; background:url(img/icon-print.gif) no-repeat; text-indent:-999em; text-decoration:none;}
#actions a:hover.print { background:url(img/icon-print.gif) no-repeat; }

* html #actions a.print {background:url(img/IE6/print_icon_off.gif) no-repeat; }
* html #actions a:hover.print {background:url(img/IE6/print_icon_on.gif) no-repeat; }

#innerMenu {width:160px; float:left; margin:10px 0 0 20px; position:fixed;}
* html #innerMenu {position:inherit; display:inline;}
#innerMenu .inner_top {background:url(img/180_top.png) no-repeat; height:8px;}
#innerMenu .inner_mid {background:url(img/180_mid.png) repeat-y;}
#innerMenu .inner_bot {background:url(img/180_bot.png) no-repeat; height:8px;}
#innerMenu ul {border-left:1px solid #CC0000; padding:3px 0 0px 11px; }
#innerMenu ul li {list-style:none; margin:2px 0 0 0; padding:0px; }
#innerMenu ul li a { color:#CC0000; font-size:15px; text-decoration:none; font-weight:bold;}
#innerMenu ul li a:hover {text-decoration:underline; }
#innerMenu ul li ul {border:none; padding:3px 0 5px 5px; }
#innerMenu ul li ul li {padding:0px; margin:2px 0; }
#innerMenu ul li ul li a {color:#000; font-size:12px; font-weight:bold; background:url(img/arrows_small_red.png) no-repeat 0px 3px; padding:0 0 0 14px;}
* html #innerMenu ul li ul li a {background:url(img/IE6/arrows_small_black.gif) no-repeat 0px 3px;}
#innerMenu ul li ul li a:hover { }
#innerMenu ul li .uberlink {text-decoration:underline;}

#innerContent {width:660px; float:right; margin:0 10px 0 0;}
#innerContent h2 {margin:0px 0 0 10px;  padding:0px; color:#CC0000; font-size:20px;}
#innerContent p.intro {margin:20px 0 0px 10px; width:auto; text-align:left;}
#innerContent img.intro {height:200px; float:right; margin:10px 15px 0 15px;}
* html #innerContent img.intro {height:200px; width:260px;}	/* IE6 */
#innerContent ul {padding:0px 0 15px 0px;}
#innerContent ul li {list-style:none; margin:15px 0 0 0;}
#innerContent ul li img {display:block;  /*border:1px solid #eae8e8;*/ }
#innerContent ul li .left {float:left; width:260px; height:210px; position:relative;}
#innerContent ul li .left img {width:170px; }
#innerContent ul li .left img.custom {position:absolute; top:70px; left:90px; }
* html #innerContent ul li .left img {width:170px; height:130px;}	/* IE6 */
#innerContent ul li .right {float:left; width:350px; margin:15px 0 0px 15px;}
#innerContent ul li .right h3 {margin:0px 0 10px 0; padding:0px; font-size:15px;}
#innerContent ul li .right p {margin:5px 0 0 0; padding:0px; font-size:12px; text-align:left;}
#innerContent ul li .right a.readMore {display:block; margin:5px 0 0 0; text-decoration:underline; background:url(img/arrows_small_red.png) no-repeat 0px 5px; padding:0 0 0 14px;}
* html #innerContent ul li .right a.readMore { background:url(img/IE6/arrows_small_red.gif) no-repeat 0px 5px; }
#innerContent ul li .right a:hover.readMore {text-decoration:none;}

#innerContent ul.bigger {padding:20px 0 10px 0px; }
#innerContent ul.bigger li {margin:0px 0 20px 0; overflow:auto;}
#innerContent ul.bigger li img {width:230px; border:none; float:left;}
* html #innerContent ul.bigger li img {width:230px; height:177px;}	/* IE6 */
#innerContent ul.bigger li .right {width:390px; margin:15px 0 0px 15px;}
#innerContent ul.bigger li ul {padding:0px 0 5px 10px; margin:10px 0 0 15px;}
#innerContent ul.bigger li ul li {margin:3px 0 0px 0; list-style:disc; overflow:visible;}

p.anchor {padding:0px 0 0 0; text-align:center; font-size:12px; }
p.anchor a {color:#000; padding:0px 5px; }
p.anchor a:hover {color:#CC0000; text-decoration:underline;}

/* Slider News -------------------------------- */
#newsSlider {margin:0px 0 0 3px; width:860px; }

#newsSlider .mask {position:relative; width:860px; height:246px; overflow:hidden; margin:0px 0 0 0px; /*background:lime;*/}
#newsSlider .mask ul#newsList {position:absolute; top:0px; left:0px; /*z-index:10;*/}
#newsSlider .mask ul#newsList li {float:left; list-style:none; width:860px; height:246px; overflow:hidden;}

#newsSlider a.linkPict {display:block; float:left; width:400px; }
#newsSlider a.linkPict img {margin:0px 0 0 20px; /*border:1px solid #eae8e8;*/}
#newsSlider a.linkPict img.custom {margin:5px 0 0 20px;}
#newsSlider a.linkPict img.custom2 {margin:5px 0 0 20px;}
#newsSlider .right {float:left; width:440px; margin:50px 0 0 0px;}
#newsSlider h2 {margin:7px 0 0 0px; padding:0px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:normal; width:auto; background:url(img/news_bullet_arrow.png) no-repeat 0 6px; padding:0 0 0 20px;}
* html #newsSlider h2 {background:url(img/IE6/news_bullet_arrow.gif) no-repeat 0 6px; }
#newsSlider h2 a {font-size:24px; color:#CC0000; text-decoration:none; }
#newsSlider h2 a:hover {text-decoration:underline; }
#newsSlider a.readMore {clear:both; display:block; /*float:left;*/ margin:20px 0 0 21px; font-size:12px; line-height:12px; color:#787777; text-decoration:none; /*background:url(img/slider/read_more_icon_off.png) no-repeat 0px 3px; padding:0 0 0 12px;*/ }
#newsSlider a:hover.readMore {color:#4e4e4e; text-decoration:underline; /*background:url(img/slider/read_more_icon_on.png) no-repeat 1px 3px;*/}

#newsSlider #newsBtns {position:absolute; top:7px; right:7px;}
#newsSlider #newsBtns a {display:block; float:left; margin:0 0 0 7px; width:23px; height:23px; text-indent:-999em; text-decoration:none; cursor:pointer;}
#newsSlider #newsBtns a#news_prev {background:url('/CS/img/Agency/btn_prev_off.png') no-repeat;}
#newsSlider #newsBtns a#news_next {background:url('/CS/img/Agency/btn_next_off.png') no-repeat;}
#newsSlider #newsBtns a#news_prev:hover {background:url('/CS/img/Agency/btn_prev_on.png') no-repeat;}
#newsSlider #newsBtns a#news_next:hover {background:url('/CS/img/Agency/btn_next_on.png') no-repeat;}

#newsSlider ul#itemBtns {position:absolute; top:7px; right:14px;  float:left;}
#newsSlider ul#itemBtns li { float:left; list-style:none; margin-left:4px;}
#newsSlider ul#itemBtns li a {display:block; float:left; width:7px; height:7px; background:url(img/slider/slider_bullet_off.png) no-repeat; text-indent:-999em; text-decoration:none; cursor:pointer;}
#newsSlider ul#itemBtns li a:hover {background:url(img/slider/slider_bullet_on.png) no-repeat;}
#newsSlider ul#itemBtns li a.active {background:url(img/slider/slider_bullet_on.png) no-repeat;}