@charset "UTF-8";

/*///////////////////////////////////////////////////////////////////*/
/*//////////////////////////// RESPONSIVE ///////////////////////////*/
/*///////////////////////////////////////////////////////////////////*/

@media screen and (min-width: 200px) and (max-width: 640px) {
#sitewrapper, #firstheader #navHeader {	width: 100%;	min-width:inherit;	margin: 0 auto;}
#menuMain,#menuSecond ul,#menuSecond form,#menuSecond .btnfb{display:none}
#navHeader #menuSecond {width:100px}
#menuSecond ul#lang{display:block;margin-top:5px}
#actus, #direct{float:none;width:100%;magin-bottom:20px; height:auto;padding:2%;margin-left:0;}
#toolsbar{display:none}
#menuRub, #menuint{display:none}
#contentWrapper {background:#fff;}
#contenthome {padding: 30px; position:relative}
.rubtitle{font-size:20px;}
.bigtitle, #contentWrapper .bigtitle p, #maincontent h1, #maincontent h1.smalltitle{font-size:22px;line-height:22px;font-family: 'latobold';}
#contentWrapper .partnerlist , #pagetools{display:none}
#actusprog, #focusprog {overflow:inherit;float:none;width:100%; margin-left:0px;clear:both;height:auto;}
#actusprog article {float:none;width:90%}
#focusprog .thumb {width:100%;height:auto}
#maincontent, #contentfullWrapper #maincontent, #alphaWrapper {float: none;width:100%;padding:20px;}
#alphaWrapper{padding-top:0}
#contenthome .mainthumb{margin:0 0 20px 0}
.allactu{display:none}
#maincontent .mainimg {float: none;margin: 10px 0;overflow: hidden;text-align: right;width:100%;max-width: 100%; }
#maincontent .contenttextint p {width: 100% !important;  }
#maincontent h4 {font-size: 14px;font-family: 'latolight';text-transform:none;line-height: 20px;
margin-bottom: 20px;} 
.rubtitle, #firstheader #navHeader img{margin-left:20px}
#responsiv-btn{display:block;float:right;margin:10px 5px;padding:5px;background:;color:#FFF; text-transform:uppercase; background:#282c2f; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;font-family: 'latobold';}
#navHeader #responsiv-btn{margin-top:2px;}
.responsiv-btnsmenu {display:block;background: #79858c;border: none;width: 30px;height: 30px;text-indent: -900em;overflow: hidden;position: relative;cursor: pointer;outline: none;float:right;margin-top:-10px;margin-right:5px}
.responsiv-smenu{background:#79858c}
.responsiv-btnsmenu:after {	content: '';	position: absolute;	width: 68%;height:3px;background: #fff;	top: 7px;	left: 16%;	box-shadow:0 7px 0 #fff, 0 14px 0 #fff;}
.responsiv-smenu {display:none;}
.responsiv-smenu li{text-align:center;padding:0.5em 0;border-bottom:1px solid #282c2f;text-transform:uppercase}
.responsiv-smenu li a{display:block;width:100%}
.responsiv-smenu a{color:#FFFFFF;text-align:center}
.resp-submenu{display:none}
.responsiv-smenu .resp-submenu li{border-bottom:none;text-transform:none}

#diapo h2 {font-size:14px;margin:0}
#diapo h3 {font-size:12px;margin:0}
#diapo {padding-bottom: 25px;}
#diapo .diapotitle{padding:5px;bottom:25px}
#diaponav {bottom:auto}
#diaponav li {font-size:9px;line-height:25px;height:auto}
#supHeader .logo {margin:7px;height:30px;width: auto;}
#actusHome h2{font-size:20px;}
#actus article {width:100%;margin-bottom:5px;float:none}
#actus article .thumb{width: 100px;float: left;margin: 0 20px 10px 0;}
#actus article .thumb img{width: 100%;height: auto;}
#actus article p{ padding-top:10px;}
#actus {border-bottom:20px solid #282c2f}
.rssgpi{display:none}
#agendaHome, #agendaHome {display:none}

#follow {height:auto}
#follow .partnersfoot{float:none;margin:0 auto}
#follow .partnersfoot h3:before {content: "";margin: 0;}
#follow .follow  {float:none;clear:both;margin-bottom:10px}
#follow .follow  ul {float:none;}
#follow .follow li span {display:none}
#follow .follow li {height:auto; vertical-align: middle;}
#follow .follow li div {width:25px;height: 25px;;float: left;margin-right:5px;}
#follow .follow li div img{width:25px;height:auto}
#follow  .btn{text-align:center;}

.btnsoutenir {float:none}
.cols2 {-moz-column-count: 1;-webkit-column-count: 1;-o-column-count: 1;column-count: 1;-moz-column-gap: 0px;-webkit-column-gap:0px;-o-column-gap: 0px;}
.btn {font-size: 10px;}
h2 {font-size:20px}
.postlist article {height:auto;padding-bottom:30px}
.postlist article .thumb {height:auto;width:100%;float:none;margin-right:0px;}
.postlist article img {width: 100%;height: auto;}
.postlist article h3 {padding-top:0}
.postlist article .btnplus2 {position: absolute; left:auto; top:auto;bottom:0; }
#agendaFocus, #agendaMois {display:none}
#agendaList,#agendaList .agendaContent  {float: none; width:100%;  margin-left:0;}
#agendaList .agendaDate {float: none;width:100%;}
#menuRub2, #smenurub{display:none}
.popupPartenaire .imgStruct, .popupPartenaire .contentStruct {float:none;width:100%;margin-right:0px;}
.popupPartenaire .imgStruct{width:100%;height:auto}
.popupPartenaire{width:100%}
#maincontent.formpage .mainimg{display:none}
#maincontent.formpage #donoption .box {float:none;width:100%;height:auto}
#maincontent.formpage #donoption{margin:0}
#maincontent.formpage #donoption .ou {top:-20px}
#maincontent.formpage .forminfo input[type="text"], #maincontent.formpage .forminfo select, #maincontent fieldset input[type="text"], #maincontent fieldset input[type="password"], #maincontent fieldset input[type="submit"]  {width:100%}
 #maincontent fieldset input[type="submit"]{margin-left:0}
#maincontent.formpage .colright {float: none; width:100%; padding:0px;text-align: left;}
#maincontent .applat, #maincontent .applat img{ width:100%;height:auto}
#maincontent.formpage .forminfo label, #maincontent fieldset label {float:none;margin-bottom:5px;display:block;width:auto}
#maincontent .divintrocalc {width:100%;float:none;margin-bottom:10px}
#siteBottom{font-size:8px}

}