/* default styles
   -------------- */
body { font: 0.7em Segoe UI, Tahoma, sans-serif; padding: 0; margin: 0;
       background: url(img/bg.png) repeat-y center 0 #333 /*eee*/; color: #333;}

.page{margin: 0 auto; width: 999px; }
h1{color:#44697d; text-transform:uppercase; font-size:20px}
h3{font-size:130%}
h4 ,.haut{font-size:125%;margin: 6px 0px 2px 5px;color: #32363b; font-weight:bold}
h5{color: #41506f ;font-size:110% ; margin:0 ; padding-bottom: 5px;}
h6{font-size:105%; margin:5px}
img {border:0 none;vertical-align:middle}

/*p {margin-bottom : 1.5em}*/
p.uppercase {text-transform:uppercase;}
a {text-decoration:none ; color: #41506f;}
a:hover{text-decoration:underline}

.read-more { background:url(img/arrow.png) no-repeat scroll left center transparent; font-size:10px; padding-left:13px; }

/* Page Header -------------- */
#header { background: url(img/synapse_header.png) no-repeat 1px 0px; float:left ; width:100%}
.navBar{padding:10px 20px 4px 0px;}
.navBarA{padding-top: 20px}
.logo{ float:left; padding:5px 20px 0px 25px}
.logoA{float:left; padding:10px 20px 10px 25px}
.esapce{padding-bottom:15px}
.center{ background: url(img/center_element.png) no-repeat 13px -1px; clear:both; padding-top:12px; padding-left:25px; width:961px; height:475px;}

/* Controls  -------------- */
.serach{float:right; background: url(img/search.png) no-repeat ; height:27px ; width:290px; padding-right:0px}
.serach_div{padding:6px 15px 5px 30px; float:right}
.serach_btn{background-color:transparent; border-style:none; color:#41506F; font-size:1em;}

/* Menu -------------- */
#menuConenter{text-align:right; clear:both; font-weight :900 ; padding:5px 12px 0px 13px;}
#menu ul , #submenu ul{ margin:0; list-style:none ; float:right}
#menu li , #submenu li{ display:inline; margin:0; padding:0}
#menu a  , #submenu  a{ float:left; margin:0; padding:0 0 0 4px;}
#menu a span , #submenu  a span { float:left; display:block; padding:5px 15px 4px 6px; color:#FFF }

#menu a:hover , #submenu  a:hover {text-decoration:none}
#menu a:hover {background:url("img/tableft1.png") no-repeat left top; background-position:0% -42px}
#menu a:hover span {background:url("img/tabright1.png") no-repeat right top; background-position:100% -42px; color:#41506f;}

#menu #current a {background:url("img/tableft1.png") no-repeat left top; background-position:0% -42px}
#menu #current a span {background:url("img/tabright1.png") no-repeat right top; background-position:100% -42px;color:#627EB7}

#submenu {background: url("img/menu_bg.png") repeat-x; height:21px ; clear:both; padding-top:6px}
#submenu li a{ color: #363535 ; padding-right:20px}
/* Controls -------------- */
.elementConteneur{padding-top:8px}
.element{background: url(img/element2.jpg) no-repeat; width:317px; height:161px; float:left}
.sous_element{margin-right: 8px}
.elementContenu{height:108px}
.elementContenu p{margin-left:5px;margin-top:5px}
.elementImg , .spip_logos{float:right;margin:4px 10px 5px 10px;}
.elementLink{font-weight:bold;text-align:right; padding-right:10px;}

/* Page Content -------------- */
.content{ background: url(img/bottom_element.png) no-repeat 14px 0px; height:300px; padding:15px 20px 15px 25px; clear:both}
.haut , .content h4, #internalContent h4{padding-bottom:6px; margin-bottom:4px; margin-top:0px; border-bottom-width: 1px; border-bottom-color: #dadada; border-bottom-style: solid;}
.releaseBlock{float:left; width:48%}
.newsBlock{float:right; width:48%; margin-right:15px}

#release_2{ display: none;}
#release_3{ display: none;}

.haut{display:block; width:auto; height:19px}
.haut ul{margin: 0; list-style-type: none; float:right ; display:block}
.haut ul li { display: inline; }
.haut ul li a:hover , .selected{color: #000; backgrund-color: #369}
.selected a{color: #fff; background-color: #369}

.blocktitle{ float:left; width:60%}
.num{ float:right; width:40%}

.sprite-news , .sprite-release{ background: url("img/sprite.png") no-repeat top left; clear:right ; margin : 2px 3px 0 0 ; float:left}
.sprite-release { background-position: 0 -146px; width: 15px; height: 15px; vertical-align:middle}
.sprite-news { background-position: 0 0; width: 16px; height: 16px}
 
/*  Release  -------------- */
.release{min-height:200px}
.logo_application{float:left; width:40%}
.iconRealisation{padding-bottom:20px;padding-top:5px;}
.description{float:right; width:58%}
.clientName{font-weight:bold}

/* News  -------------- */
.news{vertical-align:baseline ; margin-bottom:3px}
.newsR{padding-top:5px; margin-bottom : 1.5em}
.description p , .news p{margin-top:5px}
.description ul , .news ul{margin:0px; padding:0px 0px 0px 2px}
.title , .title a{font-weight:bold;padding-bottom:5px;}
.news-logo{padding:0; float:right; margin:0 0 5px 10px; display: block;}
.news-date{color:#4C5F71}

.footer , .clientName{ clear: both; padding: 5px 0 5px 0;}
.footer {background-color:#EEE; display:inline-block; margin-left:15px; padding-left:20px; width:95%;}
.sitemap_column{float:left;width:200px;}

/* Pitch  -------------- */
#pitch .infoline { margin-top: -70px; padding: 25px 0 25px 25px; background: #000; font-size: 18px; width: 916px; height: 18px; opacity:0.50; filter:alpha(opacity=50); color: #fff; }
.pitch-gallery { overflow: hidden; width: 942px; position: relative; }
.pitch-gallery-holder { width: 3920px; position: relative; top: 0; left: 0; }
.pitch-gallery-div { float: left; }

/* Internal Page  -------------- */

#internalContent{margin: 0 14px 20px 13px; background-color:#FFF ; float:left}
#internalContent .left{width:70%; background-color:#FFF ; padding: 0 10px 0 10px; vertical-align:top; }
#internalContent .right{width:30%; background: url("img/internal_right.png") repeat-y; padding: 10px 2px 0 0; margin-top:5px; vertical-align:top; }

.control{clear:both ; padding-left:4px ; height:auto;}
.top{background: url(img/rounded_01.png) no-repeat ; height:12px ; width:288px}
.middle{background: url(img/rounded_02.png) repeat-y ; padding-left:8px; padding-right:12px}
.middle p{margin-bottom : 0}
.middle ul , .footer ul{margin:0px; padding:0px 0px 0px 10px}
.botton{background: url(img/rounded_03.png) no-repeat ; height:14px ; width:288px}
.breadcrumb{height:21px; width:100%; color:#363535; margin-top:10px; padding-top:5px; font-weight:bold}

.inp{color:#000;border:0 none; margin:5px 0px 5px 5px; width:170px}


div.hr {color:#DBE3EA; border-style:solid none none; border-width:1px 0 0; clear:both; margin:10px; padding:0;}
div.hr hr { display:none;}

.submit{
background-color: transparent;
border-style:none;
border-width:2px;
color:#333333;
cursor:pointer;
font-size:11px;
font-weight:bold;
height:24px;
margin:0;
padding:0 12px;
text-shadow:0 1px 1px #FFFFFF;}