@font-face {font-family: "Prototype";
  src: url("../../fonts/0483b4eeaaefc7b81986e43702c7900d.eot"); /* IE9*/
  src: url("../../fonts/0483b4eeaaefc7b81986e43702c7900d.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../../fonts/0483b4eeaaefc7b81986e43702c7900d.woff2") format("woff2"), /* chrome、firefox */
  url("../../fonts/0483b4eeaaefc7b81986e43702c7900d.woff") format("woff"), /* chrome、firefox */
  url("../../fonts/0483b4eeaaefc7b81986e43702c7900d.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../../fonts/0483b4eeaaefc7b81986e43702c7900d.svg#Prototype") format("svg"); /* iOS 4.1- */
}



#msgerreursever{
color:#61758f;
font-size:0px;	
}


.cache-ref-telesu{
font-size: 10px;
color:#ba0d0c;
margin-top: 8px;
margin-bottom: -5px;
line-height: 1px;
}


.top-menu a{
font-weight: bold !important;
letter-spacing: 0.1 !important;
}



.top-menu a:hover{
text-decoration:  none !important;
}

.icomenu{
height: 36px !important;
margin-left: 0px !important;
margin-top: 5px !important;
width:35px !important;
}

.cadmenuico{
float:left;
width:100%;	
background:none !important;
margin-bottom:5px;
}



#menu-icon {
    background: #61758f none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 19px;
    height: 73px !important;
    line-height: 33px !important;
    margin-bottom: 0;
    margin-top: -75px;
    padding: 15px;
}







.msgerreursever{
color:#61758f;
font-size:0px;	
}

.footer{
padding-top:16px;
padding-bottom:16px;	
}

p{
letter-spacing:0.5px !important;	
}

ul li{
letter-spacing:0.5px !important;	
}



h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	font-family:'Droid Serif', Arial, Helvetica, sans-serif; 
	line-height:1.5em;
	margin:.45em 0;
	padding:0;
	letter-spacing:2px !important;
} 





#cadre-footer .col-sm-6 a, #cadre-footer .col-sm-6{
color:#97989a !important;	
line-height:1.5 !important;
}


.header{
padding-left:0px !important;
padding-right:0px !important;
position:relative;	
z-index:9000;	
top:0;
height:85px;
background:#ba0d0c;

}



#cadre-menu{
background:#0f459c;	
z-index:8900;	
position:relative;
width:100%;
}

.cbp-bislideshow li{
z-index:-10;	
}

#cadre-menu{
background:#001e33;	
border-top:2px solid #fff;
}



#cadre-txt1 #txt .col-sm-3 p{
margin:0 auto;
text-align:center;
}

p.txt-carrer{
text-align:justify !important;	
}


#cadre-txt1 #txt .col-sm-3 img{
margin-bottom:10px;
}


#cadre-txt2 h3 {
color: #4a4a49;
text-align:center;
width:100%;
margin-top:0px;
	
}


#cadre-txt2 .col-sm-4{
text-align:center;	
}


#cadre-txt2 .col-sm-4 img{
margin-top:15px;
}

#cadre-rouge{
background:url(../images/bg-rouge.jpg) no-repeat center center;
background-size:100%;
padding-top:65px;
padding-bottom:65px;
}


#cadre-rouge .img1{
float:right;	
}

#cadre-rouge .img2{
float:left;	
}


#cadre-txt1 #txt .col-sm-3 h4{
color:#fff;
text-align:center;
font-size:17px;
font-weight:bold;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
}

.titre{
font-family: "Prototype",Arial,Helvetica,sans-serif;
font-size: 16px;
/*padding: 1px 58px 1px 19px;*/
text-decoration: none;
text-transform: uppercase;	
color:#ba0d0c;
max-width:100%;
height:auto;	
line-height:48px;
letter-spacing:1;
}


footer{
/*position: fixed;*/
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
background-color: #ba0d0c;
line-height:0.7;
}


.copy{
font-size: 12px;
}

.reali{
font-size: 12px;
}
	


footer .col-lg-6{
color: #fff;
}

.reali a {
color: #fff;
text-decoration: none;
}

.sm-blue li a{
line-height:0px;	

}



.titre-site img{
width:345px;	
}



.backgroundsize .cbp-bislideshow li img{
display:none;	
}



.cadre-topmenu img{
width:17px;
}



.logo a{
position:absolute;	
}



#cadre-titre .titre{
margin:0 auto;
text-align:center;	
}

#cadre-txt1{	
background:url(../images/bg-contenu.png) #001e33 center top no-repeat;
}


#cadre-txt1 .container, #cadre-txt2 .container{	
padding-top:20px;
padding-bottom:2px;
}

p{
color:#ffffff;
width:100%;
font-family:helvetica;
font-size:14px;
}

#txt p{
padding-top:15px;
text-align:justify;
letter-spacing:0.2px;
color: #ffffff;
font-family: helvetica;
font-size: 14px;
width: 100%;
 line-height: 1.5;
  margin-bottom: 0.5rem;
}


#txt-cadblan p{
padding-top:15px;
text-align:justify;
letter-spacing:0.2px;
color: #323b46;
font-family: "Prototype",Arial,Helvetica,sans-serif;
font-size: 20px;
width: 100%;
line-height: 1.5;
margin-bottom: 0.5rem;
text-align:left;
}

#txt-cadblan #txt2{
padding-top:15px;	
}


.imgpic{
margin-right:8px;
float:left;
margin-bottom:18px;	
margin-top:5px;
}


.imgpico{
margin-right:8px;
float:left;
margin-bottom:0px;	
margin-top:0px;
}

#txtcoment p{
margin-top:0px;
padding-top:0px;
padding-bottom:1px;
padding-left:45px;
	
}


.contact p{
text-align:center !important;
}

.btn-lire-suite{
margin-bottom: 33px;
margin-top: 28px;
text-align:center;
width:100%;	
}



#cadre-txt1 #txt{
padding-top:25px;
padding-bottom:10px;
}




ul#pic{
float:left;	
width:100%;
padding-left:0px;
}

ul#pic li{
background: rgba(0, 0, 0, 0) url("../images/square.png") no-repeat scroll 0.2em 1.4em;
color: #fff;
font-size: 14px;
font-weight: normal;
line-height: 1.4em;
padding-bottom: 0;
padding-left: 34px;
text-align: left;
border:0px;
list-style:none;	
letter-spacing:0.3;
font-family:helvetica;
}



h2.titre1{
color:#fff;
font-family:"Prototype",Arial,Helvetica,sans-serif;
font-size:25px;
font-weight:normal;
letter-spacing:0.4px;
}

#t2{
color: #fff;
font-size: 20px;
font-weight: normal;
font-family:helvetica;	
margin-bottom:10px;
}


#txt-cadblan h2{
color:#4a4a49;
}


#cadre-footer{
background:#021e32;	
padding-top:44px;
padding-bottom:44px;
}

#cadre-footer .col-sm-2{
text-align:left;	
}

.t-lien-footer{
font-weight:bold;
color:#b0c6d3;	
font-size:13px;
line-height:23px;
}

#cadre-footer .col-sm-6{
color:#97989a;	
font-size:12px;	
}

.img-projet{
margin-bottom:25px;
max-width:100%;
height:auto;
}


.top-menu{
font-family:helvetica;	
color:#fff;
text-transform:none;
font-size:11.4px;
}

.sepa{
margin-left:3px;
margin-right:3px;	
}




#txt p{
color:#ffffff;
text-align:center;		
}

#cadre-txt1 p{
text-align:justify;	
}


.contact .col-sm-4 p{
color:#ffffff;
text-align:center;		
}

#cadre-txt1 h3{
color:#fff;	
text-align:center;
font-size:23px;
margin-top:0px;
padding-top:0px;
margin-bottom:21px;
}


#cadre-partenaire {
background:#001e33 none repeat scroll 0 0;
margin-bottom: 15px;
padding-top:55px;
padding-bottom:55px;
}

#t-partenaire {
    padding-bottom: 12px;
    padding-top: 20px;
}

#t-partenaire .titre {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin: 0 auto;
}


.col-header .reseau-sociaux{
margin-top:-11px;
margin-left:-4px;	
}
.titre-site img{
width:204px;	
}


.logo img{
width:169px;
}

@media (min-width: 481px) {
	

	
.col-header .reseau-sociaux{
margin-top:-43px;	
}

.titre-site img{
width:360px;	
}	


.titre{
font-size: 25px;
letter-spacing:2;
}


.top-menu{
text-transform:uppercase;
font-size:12px;
}

	

.cadre-topmenu img{
width:17px;
}	

.titre-site img{
width:320px;	
}
	
.sm-blue li a{
line-height:21px;	
}



} 






@media (max-width: 992px) {
.top-menu{
text-transform:uppercase;
font-size:12px;
line-height:13px;
font-family:Arial, Helvetica, sans-serif;	
}

.titre-site{
background:url(../images/titre-telesur_mobile.png) no-repeat;
margin-left:4px;
height:60px;	
text-align:left;	
margin-top:10px;
}
		
.logo{
text-align:left;	
}


.cadre-topmenu{
text-align:center;	
}


.logo a{
position:relative;	
}

 .container-fluid .container{
padding-left:0px !important;
padding-right:0px !important;
 }

.col-header .col-lg-4 {
flex: 0 0 25%;
max-width: 25%;
padding-left: 0px;
padding-right: 0px;
}

.col-header{
max-width:100% !important;
margin-left:0px !important;
margin-right:0px !important;	
}

.col-header .titre-site {
flex: 0 0 60%;
max-width: 60%;
padding-left: 0px;
padding-right: 0px;
}
.titre-site img{
width:200px;
display:none;
}



.col-header .cadre-topmenu{
 flex: 0 0 60%;
max-width: 60%;	
margin-left:120px;
}

.reseaux-sociaux{
display:none;	
}
.logo img{
width:95px;
z-index:9400 !important;
}




.header{
background:#323b46;	
height:74px;
}

.page .header{
background:#ba0d0c;
height:73px;
}

.cbp-hrmenu{
margin-top:0px !important;
background:#0f459c;
}


.page .cbp-hrmenu{	
margin-top:0px !important;
}



/*.cbp-hrmenu > ul > li.cbp-hropen a{
	color: #0f459c;
	background:#b0c6d3;
}

.cbp-hrmenu > ul > li.cbp-hropen a:hover{
	color: #fff;
	background: #0f459c;
}
		*/

.cbp-hrsub-inner{
	background: #fff;	
}
.cbp-hrsub-inner li, .cbp-hrsub-inner li a{
background: #fff !important;	
color: #61758f;
font-size:13px;
text-align:center;
}

.cbp-hrsub-inner li, .cbp-hrsub-inner li a:hover{
color: #0f459c !important;	
}		


.cbp-hropen .cbp-hrsub{
line-height:20px;	
}
	
.page .cadre-bandeau{
z-index:-100;	
position:relative;	
}

		
.header{	
z-index:8700;	
}


.col-header .cadre-topmenu{
 flex: 0 0 60%;
max-width: 60%;	
margin-left:120px;
margin-top:-37px;
}

.header .container, #cadre-menu .container{
width:100%;	
}
	
img{
max-width:100%;
height:auto;	
}

.logo img{
max-width:none;	
}
.titre-site img{
max-width:none;		
}


}




@media screen and (min-width: 200px) and (max-width: 420px) {


.col-header .cadre-topmenu{
margin-top:-44px;
 flex: 0 0 40%;
max-width: 40%;	
margin-left:123px;
}	

.top-menu{
text-transform:none;
font-size:10px;
line-height:12px;
font-family:Arial, Helvetica, sans-serif;	
}

.col-header .titre-site {
background:url(../images/titre-telesur_mobile-mini.png) no-repeat;
margin-left:48px;
height:65px;	
margin-top:8px;
flex: 0 0 50%;
max-width: 50%;
padding-left: 0;
padding-right: 0;
}


}





@media (min-width: 768px) {

.col-header .reseau-sociaux{
margin-top:-100px;	
}


.titre-site img{
width:350px;	
}



#cadre-footer .col-sm-2{
text-align:right;	
}

.logo a{
text-align:right;	
}



.cadre-topmenu{
text-align:right;	
padding-top:10px;
}
.in{
margin-left:0px;	
}
.fb{
margin-left:0px;		
}

.copy{
text-align:left;
line-height:12px;	
}

.reali{
text-align:right;	
line-height:12px;
}	



}


@media (max-width: 768px) {


.cache-ref-telesu{
font-size: 6px;
}
	
.copy{
text-align:center;	
line-height:22px;
}

.reali{
text-align:center;
line-height:22px;	
}
}


@media (max-width: 992px) {

}



@media (min-width: 992px) {
	

.col-header .reseau-sociaux{
margin-top:0px;	
}

.titre-site img{
width:431px;	
}

	
.header{
height:80px;
background:#ba0d0c;
}

.header{
position:absolute;	
}

}


@media (min-width: 1030px) {

	




}



@media only screen and (min-width: 1030px) {
	




} 



@media only screen and (min-width: 1240px) {
	




} 



@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {


} 


@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { 

  
}