/*------------------------------------------------------------------
[ Global ]
*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 17, 2013 */

@font-face {
    font-family: 'copperplate_gothic_lightRg';
    src: url('fonts/copperplategothiclight/copperplate_gothic_light_regular-webfont.eot');
    src: url('fonts/copperplategothiclight/copperplate_gothic_light_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/copperplategothiclight/copperplate_gothic_light_regular-webfont.woff') format('woff'),
         url('fonts/copperplategothiclight/copperplate_gothic_light_regular-webfont.ttf') format('truetype'),
         url('fonts/copperplategothiclight/copperplate_gothic_light_regular-webfont.svg#copperplate_gothic_lightRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

input{cursor:pointer;}

body { 
  background:#191616;
  color: #000; 
  font-family: 'copperplate_gothic_lightRg';
  font-size:13px; 
}

.img-responsive{
	display:inline-block;
}

ul,li,ol{list-style:none;}

.maincontent{padding:25px 0;}

#leftcolum{
	padding-top: 40px;
}
#leftcolum .logo{
	text-align:center;
}

#leftcolum .leftcontent{
	background:url("../img/verticalborder.png") no-repeat scroll right center / contain ;
	padding-bottom: 0px;
    padding-top: 30px;
	min-height:0px;
}

#leftcolum .leftcontent ul li{
	color:#fff;
	margin-bottom:10px;
}
#leftcolum .leftcontent ul li .submenu{
	margin-top:10px;
}

#leftcolum .leftcontent ul li a{
	color:#fff;
	text-decoration:none;
}

#leftcolum .leftcontent p.title{
	color: #fff;
    font-size: 15px;
    margin-bottom: 30px;
}

#rightcolum{
	background:url("../img/bgright.png") no-repeat scroll right 0;
}
#rightcolum .bloc1{
	float:left;
}
#rightcolum .bloc1 a{
	display:inline-block;
}
#rightcolum .bloc1 .bloc1contenttxt {
	/*background: #191616;*/
    display: inline-block;
    float: none;
    font-size: 12px;
    line-height: 20px;
    margin-top: 0px;
    padding: 20px;
    text-align: center;
}
#rightcolum .rightbloc{
	float: left;
    margin-top: 0px;
    width: 100%;
	text-align: center;
}
#rightcolum .bloc2.rightbloc{
    margin-top: 40px;
}
#rightcolum .bloc1 p{
	color:#fff;
}
#rightcolum .bloc1 p span{
	color: #fff;
    display: block;
    margin-top: 20px;
    text-align: right;
}
#rightcolum .bloc2 ul li{
	float: left;
    padding: 0 10px;
    max-width: 100%;
}
#rightcolum .bloc3 img{
	float:right;
}
.logolangue{
	color: #fff;
    float: right;
    padding-top: 10px;
}
.logolangue p{
	font-size:11px;
}

.logolangue ul.logo{
	float: left;
    padding: 0;
    text-align: center;
    width: 100%;
}
.logolangue ul.logo li {
	display: inline-block;
    padding: 0 5px;
}
#rightcolum .bloc3.rightbloc img,
#rightcolum .bloc1.rightbloc img{
	height: auto;
    position: fixed;
    top: 0;
    max-width: 200px;
}
#rightcolum .bloc1.rightbloc img{
    left: 0;
}
#rightcolum .bloc3.rightbloc img{
    right: 0;
}
.logo{
	text-align:center;
}

#footercontent{
	background:#333;
	padding-top:5px;
	margin-top:10px;
}
#footercontent ul{
	float:left;
	width:100%;
	margin:0;
}
#footercontent ul li a{
	color: #fff;
    display: block;
    font-size: 10px;
    padding-bottom: 15px;
    padding-top: 15px;
    text-decoration: none;
}

@media (max-width: 1199px) {
	#rightcolum .bloc1 .bloc1contenttxt{width:100%;}
}
@media (max-width: 768px) {
	
	#leftcolum .leftcontent{text-align:center;}
	
	#rightcolum .bloc3.rightbloc img,
	#rightcolum .bloc1.rightbloc img{display:none;}

	#leftcolum .logo a{
		text-align: center;
	}
	#leftcolum .leftcontent {
		background: none;
		min-height: auto;
	}
	#rightcolum .rightbloc {
		float: left;
		margin-top: 25px;
		text-align: center;
		width: 100%;
	}
	#rightcolum .bloc1 a {
		float: none;
		margin-right: 0px;
	}
	#leftcolum .logo a img,
	#rightcolum .bloc1 a img{
		display:inline-block;
	}
	#rightcolum .bloc3 img {
		float: none;
	}
	#rightcolum .bloc2 ul li {
		margin-bottom: 10px;
	}
}