/* responsive rules */

@media screen and  (max-width:551px) {
#logodivmobile { content:url(images/logo.jpg);  }
#bannierentete { visibility:visible;   display: inline-block; }
#logodiv {    background-image: none;  }
#divconnectcol { width:100%; }
.inputcol { width:271px; }
#imp { visibility:visible;   display: inline-block; }
#impmobile { visibility:hidden;   display:none; }
.imgservice {
    height: 148px;
    width: 100%;
    margin: 11px;
    margin-left: 0px;
    margin-right: 0px;
	 background-size:302px auto;
    background-repeat: no-repeat;
    background-color: #032756;
}
.classcol >li {
	 width:90%;
	}
  .imgservice >div { /*accueil*/
  height:146px; 
    width: 100px; 
	background-color:rgba(0,53,123,0.9);
    position: absolute;
    right: 0px;
    top: 0px;
     transition:all 0.2s ;
    -webkit-transition:all 0.2s ;
    -o-transition:all 0.2s ;
    -moz-transition:all 0.2s ;
    background-position:0px 0px;
	cursor:pointer;
	color:#FFF; 
	text-shadow: 2px 2px #032756;
  font-size: 12px;
  font-family: "HelveticaNeueMediumCondensed"; 
  text-transform: uppercase;
  text-align: left;
  display:inline-table;
  padding-left:0px;
	vertical-align:middle;
  }
  .imgservice >div:hover { /*accueil*/
  	width:100%; 
	background-color:rgba(0,53,123,0.3);
  	text-align: center;
  }
  #txtima {
	  font-size:13px;
  }
  #imgima { 
  		height:65px;
  }
  #txtsop {
	  font-size:11px;
  }
  #txtop {
	  font-size:15px;
  }
}
 
@media screen and  (min-width:551px) { 
#logodivmobile { content:url(images/logo.png);  }
#bannierentete { visibility:hidden;   display:none; }
#logodiv {      background-image: url(images/imagelogo.jpg);     background-position: right;    background-size: auto 100%;    background-repeat: no-repeat;  }
#divconnectcol { width:100%; }
.inputcol { width:221px; }
#imp { visibility:hidden;   display:none; }
#impmobile { visibility:visible;   display: inline-block; }
  .imgservice {
	 height:111px; 
	 width:227px; 
	 margin:11px;  
    margin-left: 0px;
    margin-right: 0px;
	 background-size:227px 111px;
	 background-repeat:no-repeat;
	 background-color:#032756;
  } 
.classcol >li {
	 width:228px;
	}
	
  .imgservice >div { /*accueil*/
  height:111px; 
    width: 80px; 
	background-color:rgba(0,53,123,0.9);
    position: absolute;
    right: 0px;
    top: 0px;
     transition:all 0.2s ;
    -webkit-transition:all 0.2s ;
    -o-transition:all 0.2s ;
    -moz-transition:all 0.2s ;
    background-position:0px 0px;
	cursor:pointer;
	color:#FFF; 
	text-shadow: 2px 2px #032756;
  font-size: 12px;
  font-family: "HelveticaNeueMediumCondensed"; 
  text-transform: uppercase;
  text-align: left;
  display:inline-table;
  padding-left:0px;
	vertical-align:middle;
  }
  .imgservice >div:hover { /*accueil*/
  	width:217px; 
	background-color:rgba(0,53,123,0.3);
  	text-align: center;
  }
  #txtima {
	  font-size:10px;
	  }
  #txtsop {
	  font-size:8px;
	  }
  #txtop {
	  font-size:12px;
	  }
	
}
@media screen and  (max-width:908px) {
#menumobile { display:block; }
#basmenu { display:none; }
#image1 { visibility:hidden; display:none; }
/* Accueil */
/*#image1 { margin-top:20px; }
*/#imgbande { margin-top:20px; }
#imgbande >li { margin-top:8px; }
/* Accueil */

/* liste Membre */
.ulmenumembre {
	display:table;
}
.ulmenumembre >li {
	display: table-row;
	width:100%;
	min-height:auto;
	text-align: -webkit-center;
}
.ulmenumembre >li >h1 {
	text-align: -webkit-center;
}
.ulmenumembre >li:first-child {
 background-color:#f6f6f6;
}
.CHEK {
	height:auto;	
}
.imglogo {
height:160px; width:160px; 
}
/* liste Membre     text-align: -webkit-center;*/
#colonegch {
	max-width:none;
}
#imgbande {
	max-width:none;
}
}
@media screen and  (min-width:908px) { 

#colonegch {
	max-width:249px;
}

#menumobile  {  display:none; } 
#basmenu  {  display:block; }
#image1 { visibility:visible;   display: inline-block; }


/* Accueil */
#image1 { margin-top:0px; }
#imgbande { margin-top:0px; }
#imgbande >li { margin-top:0px; }
/* Accueil */




/* liste Membre */
.ulmenumembre {
	    display: block;
}
.ulmenumembre >li {
	    display: inline-block;
		min-height:133px;
		vertical-align: top;
}
.CHEK {
	height:130px;	
}
.ulmenumembre >li:first-child {
background-color:#fff;
min-height:129px;
}
.imglogo {
height:77px; width:77px; 
}
/* liste Membre */




}

/* responsive rules */

@font-face {
font-family: Sansation_Bold;
src: url("../police/Sansation_Bold.eot") /* EOT file for IE */
}

@font-face {
font-family: Sansation_Bold;
src: url("../police/Sansation_Bold.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
font-family: Sansation_Regular;
src: url("../police/Sansation_Regular.eot") /* EOT file for IE */
}

@font-face {
font-family: Sansation_Regular;
src: url("../police/Sansation_Regular.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
font-family: HelveticaNeueMediumCondensed;
src: url("../police/HelveticaNeue67MediumCondensed.eot") /* EOT file for IE */
}

@font-face {
font-family: HelveticaNeueMediumCondensed;
src: url("../police/HelveticaNeue67MediumCondensed.ttf") /* TTF file for CSS3 browsers */
}


@font-face {
font-family: HelveticaNeueCondensedBold;
src: url("../police/HelveticaNeueCondensedBold.eot") /* EOT file for IE */
}

@font-face {
font-family: HelveticaNeueCondensedBold;
src: url("../police/HelveticaNeueCondensedBold.ttf") /* TTF file for CSS3 browsers */
}


@font-face {
font-family: HelveticaNeueCn;
src: url("../police/HelveticaNeueLTStd-Cn.eot") /* EOT file for IE */
} 
@font-face {
font-family: HelveticaNeueCn;
src: url("../police/HelveticaNeueLTStd-Cn.ttf") /* ttf file for IE */
} 
@font-face {
font-family: MyriadPro;
src: url("../police/MyriadPro-Regular.eot") /* EOT file for IE */
} 
@font-face {
font-family: MyriadPro;
src: url("../police/MyriadPro-Regular.ttf") /* ttf file for IE */
} 

body {
	max-width:960px;
	background-color:#EDEDED;
	margin:0 auto;
	align : center;
}

#content {
	padding-left:26px;
	padding-right:26px;
 	background-color:#FFF;
	margin-bottom: -15px;
	padding-bottom:14px;
}


/* //////////////////////// HEADER //////////////////////////////////// */
#div-header { 
 	/* max-height:275px; */
 	background-color:#fff;
 	text-align: left;
	max-width:908px;
}

#logodiv {
width : 100%;
max-height:176px;
background-image:url(images/imagelogo.jpg);
background-position:right;
background-size:auto 100%;
background-repeat:no-repeat;
}
#logodiv >img {
	width:100%;
    max-width: 396px;  
	max-height:100%;
}
#topmenu { 
    height: 24px;
    background-color: #fff;
    font-family: verdana;
    font-size: 9px;
    color:#9F9F9F;
	font-weight:bold;
    vertical-align: middle;
    padding-top: 24px;
}
#basmenu { 
	margin-top : 7px;
 	height:29px;
 	background-color:#FFF;
	width:100%;
}
#menumobile {
    margin-top: 7px;	
}
#spanlanguage {
	float: right;
    min-width: 109px; 
    text-align: right;
  font-size: 9px;
  font-family: "Verdana";
font-weight:normal;
}
#spanaccueil {
	float: left;
    min-width: 198px;
    text-align: left;
    display: inline-block;
	 
  font-size: 9px;
  font-family: "Verdana";
font-weight:normal;

}
.lienspanaccueil {
	color:#9F9F9F;
	text-decoration:none;
}

.lienspanaccueil:hover {
		  color: #00357a;
}
/* //////////////////////// HEADER //////////////////////////////////// */


/*  ================================== BAS =================================== */
#rssocio {
	font-family:"Tahoma";
	background-color:#6e7885;
	font-size:13px;
	color: rgba( 255, 255, 255, 0.769 );
    padding-top: 6px;
    padding-left: 26px;
    padding-right: 26px;
	height:24px;
}
#baslien {
	font-family:Tahoma;
	background-color:#00357a;
	margin-bottom:0px;
}
#rssocio >span:last-child{
	float:right;
	width:150px;
	text-align:right;
}
.ulmenu {
display: block;
list-style-type: disc;	
}
.ulmenu >li {
	list-style: none;
    display: inline-block;
    position: relative;
	vertical-align:top;
	padding-bottom: 20px;
}
.ulmenu >li >p {
	font-size: 11.34px;
    font-family: 'Arial';
    color: rgb( 163, 160, 160 );
    line-height: 0.63;
    text-align: left;
	padding-left: 10px;
}
    	.baspagestyle {
			max-width:820;
			padding:0px;
			}
    	.baspagestyle >li >h1 {
			width: 160px;
			text-align:left;
			font-size: 13.173px;
		  font-family: "HelveticaNeueMediumCondensed";
		  color: rgb( 219, 219, 219 );
		  line-height: 1.27;
		  text-align: left;    
		  padding-bottom: 3px;
			}
    	.baspagestyle >li >p >b {
			    font-size: 7.173px;
			}
.lienbas {
	font-size: 11.34px;
    font-family: 'Arial';
    color: rgb( 163, 160, 160 );
    line-height: 0.63;
    text-align: left;
    padding-left: 0px;	
	text-decoration:none;
}
.lienbas:hover {
    color: #fff;
}
/*  ================================== BAS =================================== */

  
  
  
  .imgbande >li {
	 height:128px; 
	 width:225px;
	 padding-bottom: 0px;  
	 background-size:225px 128px;
	 background-repeat:no-repeat;
	 background-color:#032756;
	 padding:0px;
	 margin:-2px;
        transition:all 0.2s ;
    -webkit-transition:all 0.2s ;
    -o-transition:all 0.2s ;
    -moz-transition:all 0.2s ;
    background-position:0px 0px;
	cursor:pointer;
  }
  .imgbande >li:hover {
/*    background-size:328px 153px;*/
    background-position:0px -30px;
}
  .imgbande {
	  margin-left:0px;
	  margin-top:0px;
	 padding:0px;
  }
  
  
  
  .classlogin {  
    border: 0px none;
    padding: 5px;
    font-size: 11px;
    width: 219px;
  }
  
/*  DETAIL ALL PAGE*/
.divtitrepage {
  background-color:#e1eaf6;
  font-size: 20px;
  font-family: "HelveticaNeueMediumCondensed";
  color: #00357a;
  font-weight: initial;
  text-transform: uppercase;
  text-align: left;
    padding: 9px;
    padding-left: 25px;
	    margin-top: 4px;
}
.divtitrembr {    
	background-color: #e1eaf6;
    font-size: 22px;
    font-family: "HelveticaNeueMediumCondensed";
    color: #00357a;
    font-weight:700;
    text-transform: uppercase;
    text-align: left;
    padding: 4px;
    padding-left: 21px;
    margin-top: 4px;
}
.divtitrettpage {
  background-color:#fff;
  font-size: 25px;
  font-family: "HelveticaNeueCn";
  color: #00357a;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
    padding: 9px; 
	    margin-top: 4px;
}
.titre2detail {
font-size: 21px;
  font-family: "HelveticaNeueMediumCondensed";
  color: #013e8e;
  font-weight: bold;
  text-align: left;	
}
.titre3detail {
  font-family: "HelveticaNeueMediumCondensed";
  font-size: 16.24px;
  color: #013e8e;
  text-align: left;
}
.text2detail {
  font-family: "HelveticaNeueCn";
  font-size: 14.338px;
  color: #5176a8;
  text-align: left;
}
.text4detail {
  font-family: "HelveticaNeueMediumCondensed";
  font-size: 16.338px;
  color: #2e9fe4;
  text-align: left;
  padding-left:30px;
}
/*  DETAIL ALL PAGE*/

.menutextdetail {
background-color:#f0f0f0; color:#000; min-height:141px; margin-top:4px; font-family: 'HelveticaNeueCn'; 
    font-size: 14px;
    padding: 0px; 
    padding-bottom: 6px;
    word-spacing: 2px;
    padding-left: 33px;
    padding-top: 24px;
}
#div-detail >ul >li >div {
font-family: "HelveticaNeueMediumCondensed";	
}

/* list membres --------------------------------------- */
.listemembre >h1 {
	font-size: 12.875px;
  font-family: 'HelveticaNeueCn';
  color: rgb( 0, 53, 122 );
  text-transform: uppercase;
  text-align: left;
  font-weight:bold; line-height: normal;	
}
.listemembre >description {
font-size: 11.875px;
  font-family: 'MyriadPro';
  color: rgb( 0, 53, 122 );
  line-height: normal; }
.listemembre >adress {
font-size: 10.875px;
  font-family: 'MyriadPro';
  color: rgb( 0, 53, 122 );
  line-height: normal; }
.listemembre >email {
font-size: 10.875px;
  font-family: 'MyriadPro';
  color: rgb( 0, 53, 122 );
  line-height: normal; }
 .faz >li {
	 padding:3px; margin-left:2px;  font-size:16px; 
 }
 .faz >li:hover {
	   color:#00357a;
 }
/* list membres --------------------------------------- */