body {font-size:62.5%; background-color: #eee;background-image: url('../imgsr/bgtrfs.png');background-repeat: repeat;background-position: top right; font-family:arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.container {width:978px; padding-top:10px; padding-bottom:20px; margin:0 auto; font-size:1.0em;}
.header {width:958px; min-height:130px /*Non-IE6*/; height:auto !important /*Non-IE6*/; height:130px /*IE6*/; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background-color:#FFF; font-size:1.0em;}
.header-top {clear:both; width:958px; height:100px; background:rgb(218,218,218) url(/imgsr/bg_header_top.jpg) repeat-x /*Top header background image entered here. Height: 100px*/; font-size:1.0em;}
.header-bottom {clear:both; width:958px; min-height:30px /*Non-IE6*/; height:auto !important /*Non-IE6*/; height:30px /*IE6*/; background-color:rgb(225,225,225) /*Bottom header background image entered here: Height: 25 px*/; font-size:1.0em;}
.navbar {white-space:nowrap /*IE hack*/; float:left; width:958px; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background-color:#77936B; font-family:tahoma,arial,sans-serif; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;} /*Color navigation bar normal mode*/
.main {clear:both; width:958px; padding:0px 0 20px 0; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background-color:white; font-size:1.0em;}
.content { width:958px; background-color:rgb(200,200,200); font-size:1.0em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:958px; padding:1.0em 0 1.0em 0; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background-color:white; font-size:1.1em !important /*Non-IE6*/; font-size:1.0em /*IE6*/; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}






.header-bottom ul {float:left; width:430px; list-style:none; padding:8px 0 3px 10px !important /*Non-IE6*/; padding:8px 0 3px 10px /*IE6*/;}
.header-bottom ul li {display:inline; padding:0 0 0 10px;font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.header-bottom ul li.nobullet {display:inline; padding:0; background:none; color:rgb(75,75,75);}
.header-bottom ul a {color:rgb(125,125,125); font-weight:bold; text-decoration:none;}
.header-bottom ul a:hover {color:rgb(255,255,255);}




.navbar ul {list-style-type:none;}
.navbar ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; background-color:#77936B;}
.navbar ul li a {float:none !important /*Non-IE6*/;float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:3px 13px 3px 13px; text-decoration:none; font-weight:bold; color:white; border-right:solid 0px rgb(215,215,215);}
.navbar ul li ul {display:none; border:none;}


.navbar ul li:hover {position:relative;} /*Sylvain IE hack*/
.navbar ul li:hover a {background-color:#84C31E; text-decoration:none;} /*Color main cells hovering mode*/
.navbar ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.4em; margin-top:0.1em; left:0; padding:0px 16px 0px 16px; }
.navbar ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-17px; padding:6px 16px 6px 16px; background-color:#77936B; font-weight:bold; color:#FFF;} /*Color subcells normal mode*/
.navbar ul li:hover ul li a:hover {background-color:#FFF;color:#77936B; text-decoration:none;} /*Color subcells hovering mode*/


.navbar table {position:absolute; z-index:1000; top:0px; left:-1px; border-collapse:collapse;}
.navbar ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color:rgb(235,235,235); text-decoration:none;} /*Color main cells hovering mode*/
.navbar ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.1em; t\op:3.0em; left:0px; marg\in-top:0.1em; border-top:solid 1px rgb(215,215,215); }
.navbar ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color:rgb(235,235,235); font-weight:bold; color:rgb(100,100,100);} /*Color subcells normal mode*/
.navbar ul li a:hover ul li a:hover {background-color:rgb(225,225,225); text-decoration:none;} /*Color subcells hovering mode*/


.content-1col-nobox {width:958px; background-color:rgb(255,255,255);padding-bottom:25px;}
.content-2col-nobox-leftcolumn {display:inline; float:left; width:337px; border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/; background-color:rgb(255,255,255);}
.content-2col-nobox-rightcolumn {display:inline; float:right; width:337px; border-left:solid 1px rgb(215,215,215)/*Use this statement if right columnn is longer than the left column. De-activate by adding "xx_" to propery name*/; background-color:rgb(255,255,255);}


.content-1col-box {width:958px; background-color:transparent;}
.content-2col-box-leftcolumn {display:inline; float:left; width:333px; background-color:transparent;}
.content-2col-box-rightcolumn {display:inline; float:right; width:333px;  background-color:transparent;}
.content-2col-box {width:333px; background-color:rgb(255,255,255);}




.footer p {clear:both; line-height:1.3em; text-align:center; color:#000; font-weight:bold; font-size:110%;}
.footer p.credits {clear:both; font-weight:normal;}
.footer a, .footer a:visited {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}


.corner-page-top {width:978px; height:10px; background:transparent url(..\/imgsr/bg_corner_page_top.gif) no-repeat; overflow:hidden;}
.corner-page-bottom {width:978px; height:10px; padding-bottom:20px; background:transparent url(..\/imgsr/bg_corner_page_bottom.gif) no-repeat; overflow:hidden;}


.corner-content-1col-top {clear:both; width:958px; height:7px; background:white; overflow:hidden;}
.corner-content-1col-bottom {clear:both; width:958px; height:7px; margin-bottom:10px;overflow:hidden;}
.corner-content-2col-bottom {width:333px; height:7px; margin-bottom:10px; background:transparent url(..\/imgsr/bg_corner_content_2col_bottom.gif) no-repeat; overflow:hidden;}




.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after, .main:after, .content:after, .content div:after,  .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-1col-nobox:after, .content-2col-nobox-leftcolumn:after, .content-2col-nobox-rightcolumn:after, .content-1col-box:after, .content-2col-box-leftcolumn:after, .content-2col-box-rightcolumn:after, .content-2col-box:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.corner-content-1col-top:after, .corner-content-1col-bottom:after, .corner-content-2col-top:after, .corner-content-2col-bottom:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0;   visibility:hidden;}
 
            

.main p.demo {margin:0; padding:10px 20px 50px 20px;}





body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}



/* PAGETITLE */
.main h1.pagetitle {margin:0 0 0.5em 0; padding:1px 0 1px 32px;color:rgb(255,255,255); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}

/* HEADING -- Standard icon (1-Column / 2-Column) */
.content h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px rgb(215,215,215); background: url(..\/imgsr/icon_celltitle_level1.gif) no-repeat; background-position:632px 5px;color:rgb(75,75,75); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content-2col-box-leftcolumn h1, .content-2col-box-rightcolumn h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px rgb(215,215,215);color:rgb(75,75,75); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}



/* HEADING -- No icon */
.main h1.pagetitle-noicon {margin:0 0 0.5em 0; padding:1px 0 1px 0; background:none; color:rgb(255,255,255); font-weight:normal; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content h1.noicon {background:none;}
.content h2.noicon {background:none;}

/* PARAGRAPH TEXT */
.content p {margin:1.0em 0 1.0em 0; color:rgb(0,0,0); line-height:1.3em; padding: 0 20px 0 20px;}
.content p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/* LIST */
.content ul {margin:1.4em 0 1.0em 0; padding:0em 20px 0em 20px; list-style:none;}
.content ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px;}
.content ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.content ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content ul.indent {padding:0 50px 0 50px;}
.content ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}

/* TABLE (1-Column / 2-Column) */
.content table {clear:both; width:400px; margin:2.0em 0 0.2em 20px; table-layout:fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.content-2col-nobox-leftcolumn table, .content-2col-nobox-rightcolumn table, .content-2col-box-leftcolumn table, .content-2col-box-rightcolumn table {clear:both; width:290px; margin:2.0em 0 0.2em 20px; table-layout:fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}

.content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content table th {height:3.0em; padding:2px 20px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content table td {height:3.0em; padding:2px 7px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content p.caption {clear:both; margin:0.5em 0 2.0em 0; text-align:left; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}





.site-k{color:#23272A;font-size:35px;line-height:39px;font-weight:bold;display:inline;}
.site-k strong{font-weight:bold;font-size:35px;}
.header p{padding:13px;font-size:14px;color:gray;}
.border-row{padding:10px;}
.border-row table{width:606px;border-collapse:collapse;border:0px;}
.border-row table td{border:0px;background: white;padding:0px;}
.border-row td img{width:282px;height:233px;padding:4px;background-color: white;border: 1px solid rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);}
.padding-right h2 a{color:#08C;font-size:22px;font-weight:bold;}
.span8{padding:10px;}
.btn {
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
.btn {
    display: inline-block;
    padding: 4px 14px;
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFF, #E6E6E6);
    background-repeat: repeat-x;
    border-width: 1px;
    border-style: solid;
    border-color: #BBB #BBB #A2A2A2;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 4px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover {
    color: #333;
    text-decoration: none;
    background-color: #E6E6E6;
    background-position: 0px -15px;
    transition: background-position 0.1s linear 0s;
}
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    color: #333;
    background-color: #E6E6E6;
}
.btn a {
    color: #08C;
    text-decoration: none;
}
.ah2camera{color: red;
    text-decoration: none;
	font-size: 14px;
	}	
.h2style{color: #08C;font-size:22px;font-weight:bold;}

.padding-right .tabledes{width:500px;padding:0px;margin:0px;border-collapse:collapse;font-size:12px;}
.padding-right .tabledes td{padding:0px;margin:0px;text-indent:3px;text-indent:5px;border:1px solid gray;}
.tabledes .pbbte{font-size:22px;background-image:url("../imgsr/scribble_transparent.png");}
.border-row hr{margin: 10px 10px;color:#08C;}
.navbar i{
    font-size: 16px;
    line-height: 6px;
    color: #aaa;
    margin-right: 3px;
}

.navbar .nav > li > a:hover {
    background: #84C31E !important;
     color: #FFF;
}

.divider-vertical {
    border-left: 1px solid #C8C8C8;
    padding: 0;color:red;
    margin: 0;padding: 23px 0px 23px 0px;
}
.footer{text-align:center;}
.imgfta{float:right;}





/*date color */
.datecol {color: #CC0000;font-size: 15px;}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}
.navbar .nav .dropdown-toggle .caret {
    margin-top: 8px;
}
.nav .dropdown-toggle .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
    margin-top: 6px;
}
.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px;
}
.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    
}

.title_h4{background:#77936B;color:#FFF;margin:5px 10px 5px 10px !important;font-size: 18px !important;padding: 10px 10px 10px 10px !important;}
.title_h44{background:gray;color:#FFF;margin:5px 10px 5px 10px !important;font-size: 18px !important;padding: 10px 5px 5px 10px !important;}




.ddtrfgh{font: 14px Arial,Helvetica,sans-serif;border: 1px solid #77936B; margin:5px 10px 5px 10px !important;}

.block_cmsinfo:nth-child(1) {
    margin-left: 0px;
    margin-bottom: 10px;
}
#cmsinfo_block.cmsinfo_block_width {
    width: 952px;
   margin:5px 10px 5px 10px !important;font: 11px Arial,Helvetica,sans-serif;
}

.block_cmsinfo {
    width: 47.3%;
    float: left;
    border: 1px solid #77936B;
    padding: 0.5em;
    background: none repeat scroll 0% 0% #FFF;
    margin: 2px;
    min-height: 304px !important;
}
.block_cmsinfo44 {
    width: 47.3%;
    float: left;
    border: 1px solid #77936B;
    padding: 0.5em;
    background: none repeat scroll 0% 0% #FFF;
    margin: 2px;
    min-height: 234px !important;
}
.block_cmsinfo445 {
    width: 47.3%;
    float: left;
    border: 1px solid #77936B;
    padding: 0.5em;
    background: none repeat scroll 0% 0% #FFF;
    margin: 2px;
    min-height: 254px !important;
	text-align:center;
}
.block_cmsinfo445 p {
    margin:0px;font: 14px Arial,Helvetica,sans-serif;
}
.block_cmsinfo2 {
    width: 22.65%;
    float: left;
    border: 1px solid #77936B;
    padding: 0.5em;
    background: none repeat scroll 0% 0% #FFF;
    margin: 2px;
    min-height: 304px !important;
	text-align:center;
	vertical-align:top;
}
.block_cmsinfo2 img{
    width:210px;
	height:180px;
}
.block_cmsinfo2 p{
    font: 14px Arial,Helvetica,sans-serif;margin: 0px;padding: 0px;
	
}
.block_cmsinfo2:hover{

}
.block_cmsinfo2 a{color: #08C;font-size: 16px;font-weight: bold;text-decoration:none;}
.block_cmsinfo2 a:hover {color:#EE7D1D; text-decoration:none;}

.block_cmsinfo ul {
    list-style: outside none none;
}
#cmsinfo_block ul li {
    font: 14px Arial,Helvetica,sans-serif;
}
#cmsinfo_block em {
    float: left;
    width: 60px;
    height: 60px;
    margin: 3px 10px 0px 0px;
    font: 11px Arial,Helvetica,sans-serif;
    color: #FFF;
    line-height: 60px;
    text-align: center;
    background: none repeat scroll 0% 0% #77936B;
    border-radius: 100px;
}
#cmsinfo_block em:hover {
    background: none repeat scroll 0% 0% #84C31E;
}
.block_cmsinfo p{font: 14px Arial,Helvetica,sans-serif;}
#cmsinfo_block .type-text {
    overflow: hidden;
}
#cmsinfo_block h3 {
    margin: 0px 0px -10px;
    color: #333;
    font-size: 15px !important;
}
.center_column p {
    color: #080808;
    margin: 0px 0px -3px;
    padding: 15px 0px;
    clear: both;
}
.block_cmsinfo2 a img,.block_cmsinfo2 a:hover img ,.block_cmsinfo2 a img:hover{
   border:0px;
}
.block_cmsinfo2:hover {
   transform:scale(1.1,1.1);
}

.div_boxx{width:800px;margin:auto;margin-bottom:60px;margin-top:20px;color:white;}
.div_boxx p{color:white;}
.view_full_size {
	width: 264px;float: left;  
}

.view_full_size .bigpic {
    background: none repeat scroll 0% 0% transparent;
    width: 264px;
    height: 200px;
	border: 1px solid #E4E4E4;
	margin: 0px;
	margin-top:10px;
vertical-align: top;
	margin-bottom: 35px;
}
.pb-left-column {
    width: 645px;
    float: right;    
    padding: 0px 0px 0px 20px;
	margin:0px;
	margin-top:10px;
	margin-right:20px;
	margin-bottom: 25px;
}
.pb-left-column h1 {
    color: #2B2B2B !important;
	text-transform: none;
    padding: 0px;
    background: none repeat scroll 0% 0% transparent !important;
    border: medium none;
    margin-bottom: 5px;
    margin-top: 5px;
	font-size: 18px !important;
}
.pb-left-column h2 {
    color: #2B2B2B !important;
	text-transform: none;
    padding: 0px;
    background: none repeat scroll 0% 0% transparent !important;
    border: medium none;
    margin-bottom: 5px;
    margin-top: 5px;
	font-size: 18px !important;
}
.short_description_block {
    margin: 0px;
    border: 1px solid #E4E4E4;
    padding: 5px;
}
.short_description_block p{
    padding: 5px 0px 0px !important;
	font-size: 14px !important;
	color: #080808;
    margin: 0px 0px -3px;
    padding: 15px 0px;
    clear: both;
}
.btnChange{
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
    color: #546881;
	padding:15px;
    display: inline-block;
    margin: 20px 0px 20px;
	border:1px solid #546881;
    border-radius: 20px;
    transition: all 0.5s ease 0s;
    background: #F8F7F7 none repeat scroll 0% 0%;
    color: #546881;}
.btnChange:hover{	
	background: #84C31E none repeat scroll 0% 0%;
     color: #FFF;
	border:1px solid #84C31E;}
.ddtrfgh ul li a,.block_cmsinfo445 a,.ddtrfgh a,p a{color:#08C;font-weight:bold;text-decoration:none;}	
.ddtrfgh ul li a:hover,.ddtrfgh a:hover,p a:hover{color:#08C;text-decoration:underline;}
.ddtrfgh ul li a:visited,.ddtrfgh a:visited,p a:visited{color:#08C;}
.block_cmsinfo445 a{color:#08C;text-decoration:none;font-size:17px;}	
.block_cmsinfo445  a:hover{color:#08C;text-decoration:underline;}
.block_cmsinfo445  a:visited{color:#08C;}
.divtt:hover{
-moz-box-shadow: 2px 2px 3px #000;
  -webkit-box-shadow: 2px 2px 3px #000;
  box-shadow: 2px 2px 3px #000;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
     transition: all 1s ease;
}

.divtgt{
     font-size:17px;
	 font-weight:bold;
	 color:#08C;
	 position:relative;
	 right:-150px;
	 top:-100px;
	 width:100px;
	 height:100px;
	 display:inline;
	 opacity:0;
	 filter:alpha(opacity=0) !important;
	 -moz-opacity:0 !important;
	 }
.divtgt2{
     font-size:17px;
	 font-weight:bold;
	 color:#08C;
	 position:relative;
	 left:700px;
	 top:-10px;
	 opacity:0;
	 filter:alpha(opacity=0) !important;
	 -moz-opacity:0 !important;
	 height:145px;
	 width:218px;
	 }
.divtgt3{
     font-size:17px;
	 font-weight:bold;
	 color:#08C;
	 position:relative;
	 left:700px;
	 top:105px;
	 opacity:0;
	 filter:alpha(opacity=0) !important;
	 -moz-opacity:0 !important;
	 }
#infos-societe:hover .divtgt3{
     font-size:17px;
	 font-weight:bold;
	 color:#08C;
	 position:relative;
	 left:700px;
	 top:-270px;
    opacity: 1.0 !important;
	filter:alpha(opacity=100) !important;
    -moz-opacity:1.0 !important;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
     transition: all 1s ease;
	 }