@charset "utf-8";
/*Theme Sigmah pour Spip-rizom */
/*Définitions des couleurs dominantes*/
@grisfonce : #2b2a2a;
@grismoyen : #707070;
@grisclair : #eee;
@sable : #baaaba;
@terrefonce : #40281a;
@terrejaune : #ae8f56;
@orange : #e68121;
@marron: #7f5122;
@rouge : #8c0f02;
@cigare : #504034;
@blanc : #fff;
@puce : #f9b633;


//fonts
	@FontFamilyRegular: 'Open Sans', sans-serif;
	@FontFamilyAlt:'Roboto', sans-serif;
	@FontSoustitre : 'Georgia', Serif;
	@couleurpolicealt: #999999;
	@font-size:16px;
	.underline {text-decoration: underline;}
	.bold {font-weight: bold;}
	.italic {font-style: italic;}
	dt.close {float: none; color:@grismoyen; font-family: @FontFamilyRegular; font-size:@font-size; opacity:0.9; line-height: 23px;}
	body {color:#666; font-family: @FontFamilyRegular; font-size:@font-size; }
	.blocnav, .coldroite {margin-top: @margetop; }
	// titrailles
	h1,h2,h3,h4,h5,h6 {margin-bottom:34px;}
	p{margin-bottom:25px;}
	h1 {
		color:@terrefonce;
		font-family: @FontFamilyRegular; 
		font-size:27px; 
		font-weight: 400;}
	h2 {
		color:@terrefonce;
		font-family: @FontFamilyRegular; 
		font-size:26px; 
		font-weight: 300;
		}
	h3 {
		color:#8f7a54;
		font-family: @FontFamilyRegular; 
		font-size:22px; 
		font-weight: 300;
		}
	h4.spip {margin-left:25px;}	
	h4 {
		color:@terrejaune;
		font-family: @FontFamilyAlt; 
		font-size:@margin; 
		font-weight: 300;
		}
	h1, h2, h3, h4, h5, h6 {margin-bottom: 23px;}
	.semibold {
		color:@terrejaune;
		font-family: @FontFamilyRegular; 
		font-size:14px; 
		font-weight: 600;
		}	
	.surtitre {
		font-family:@FontFamilyRegular;
		color:@grismoyen;
		font-size: 16px;
		font-weight:400;}
	.soustitre {
		font-family:@FontSoustitre;
		color:@grismoyen;
		font-size: 18px;
		font-style: italic;
		font-weight:400;}
	.nav {
		font-family: @FontFamilyAlt;
		font-size:14px;
		color:@grisfonce;
		font-weight: 500;
	}
	.notes {margin-top:@margin;}
	.notes p {margin:@demimargin; font-size: 1em;}
	.divpartenaires {margin:@margin*2 0px; text-align: center;}
	#top {position: fixed; right:0; bottom:200px;	  z-index: 999999999;}


//dimensions

	@header: 167px;
	@margin : 20px;
	@padding : 10px;
	@margetop: 15px;
	@marginbloc :@margin 0px;
	@demimargin : @margin / 2;
	@radius:@margin;
	@bordure:#d6c5b1;
	@msp : 40%; //Décallage du menu slide and push 
	.border-radius (@radius) {
		  -webkit-border-radius: @radius;
		  -moz-border-radius: @radius;
		  border-radius: @radius;}
	.stylebordure {border : 1px solid @bordure;}
	.stylebordurebottom {border-bottom : 1px solid @bordure;}


/*Bootstrap*/
	.label-default {background-color: @grisfonce; color:@grisclair; font-size:1em; }
	.label-default[href]:hover,
	.label-default[href]:focus {  background-color: @grismoyen; color:@grisclair; font-size:1em; }

	.label-primary {  background-color: @grisfonce; font-size:1em; }
	.label-primary[href]:hover,
	.label-primary[href]:focus {  background-color: @grismoyen; font-size:1em; }

	.label-success {  background-color: @grisfonce; font-size:1em; }
	.label-success[href]:hover,
	.label-success[href]:focus {  background-color: #838383; font-size:1em; }

	.label-info {  background-color: @grisfonce; font-size:1em; }
	.label-info[href]:hover,
	.label-info[href]:focus {  background-color: @grisfonce; font-size:1em; }

	.label-warning {  background-color: #838383; font-size:1em; }
	.label-warning[href]:hover,
	.label-warning[href]:focus {  background-color: @sable; font-size:1em; }

	.label-danger {  background-color: @sable; font-size:1em; }
	.label-danger[href]:hover,
	.label-danger[href]:focus {  background-color: @rouge; font-size:1em; }
	.carousel-caption {color:@grisfonce; }
	.carousel-control:hover, .carousel-control:focus {background-color: @grisfonce;color: @grisclair;opacity: 0.5;}

	#bloclangues {margin-left:-25px;}
	#logo_site_spip { margin-left: 13px;}

	.btn-warning, #slides .slide .slide-caption .btn-warning {
		background-color: @grismoyen;
		background-color: rgba(0,0,0,0.5);
		border: none;
		font-weight: bold;
	} 
	.donation {margin-left:-31px;}
	#btnprojsigmah, #btnlogisigmah {color:@grisfonce;}
	button.close {font-size: 1.6em;}
	.btncc {margin-left: 45px;	 margin-top: 6px;}
	.btn-default {color: @blanc;  background-color: @grismoyen;  border-color: @grismoyen;}
	.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default
	{color: @blanc;
	 background-color: #bf392a;
	 border-color: #bf392a;}
	 a.btn.btn-defaut.btnsigmah.btnlog.btncentre.download, .btn.btn-defaut.btnsigmah.btnlog.btncentre.btnfaq {width: 220px;}
	#btnsigmah { width: 167px; padding: 9px 8px; min-width: 183px; margin-left: -25px;}
	.btn-rouge {min-width:255px; width:255px; text-align:center; color: @blanc;  background-color: #b71908;  border-color: #8d1003; text-transform: uppercase; margin:auto; 
	 width: 150px;
	 -webkit-border-radius: 2px;
	 -moz-border-radius: 2px;
	 border-radius: 5px;
}
	.btn-rouge:hover, .btn-rouge:focus, .btn-rouge.focus, .btn-rouge:active, .btn-rouge.active, .open > .dropdown-toggle.btn-rouge
	{color: @blanc;
	 background-color: #bf392a;
	 border-color: #8d1003;}
	 .btn-rouge:link, .btn-rouge:visited {text-decoration: none;}
.marginbottom {margin-bottom:@margin;}

	 .btnprj, .btnlog {height:40px; min-height:40px; border:none; background-image:url("img/bgbtn.png");  margin-left: -9px; font-size: 13px; font-family:@FontFamilyAlt; 
	 background-repeat: repeat-x; color: #676767; text-transform: uppercase; text-decoration: none;}
	a.btnproj:hover, a.btnlog:hover{color:#838383;} 
	.btncentre {display:block; width:245px; margin:auto; text-align: center; background: @grismoyen; color:@blanc;}
	a.btncentre:hover, a.btncentre:focus, a.btncentre:active {color:@grisclair; background: #838383; }
	.contenantblurps {margin:@margin 0px;}
	.blurps {width:248px; height:248px; margin:@demimargin; }
	.blurps-log_01, .blurps-log_02, .blurps-log_03, .blurps-proj_01, .blurps-proj_02, .blurps-proj_03 {display:block; min-width:250px; min-height: 250px; color:#fff; text-align: center;}

	.douzeong {font-size:26pt; color: @grismoyen; text-align: center;}
	.sable, .sable a:link, .sable a:active, .sable a:visited, .sable a:focus {color:@sable;}
	.sable a:hover {color:@cigare;}
	.btn {padding: 10px 20px; font-family: @FontFamilyAlt; font-weight: 400; font-size: 13px;  -moz-border-radius: 2px; webkit-border-radius: 2px; border-radius: 2px; text-transform: uppercase;}

	.blurp1, .blurp2, .blurp3 {display: block;font-family:@FontFamilyAlt; font-weight: 500; }
	.blurp1 {font-size:16px; padding-top:37px; text-transform: uppercase;}
	.blurp2 {font-size:20px; padding-top:5px; text-transform: uppercase;}
	.blurp3 {font-size:16px; padding-top:41px;}

	.blurplog1, .blurplog2, .blurplog3 {display: block;font-family:@FontFamilyAlt; font-weight: 500;}
	.blurplog1 {font-size:19px; padding-top:37px; text-transform: uppercase; font-weight: 600;}
	.blurplog2 {font-size: 15px;  padding: 28px 38px 10px 38px; }
	.blurplog3 {font-size:16px; padding-top:41px;}
		a.blurps-log_01, a.blurps-log_02, a.blurps-log_03 {text-decoration: none;}
	a.blurps-log_01:hover, a.blurps-log_02:hover, a.blurps-log_03:hover, a.blurps-log_01:focus, a.blurps-log_02:focus, a.blurps-log_03:focus {color:#fff; text-decoration: underline;}

		.footer-presse, .footer-contact {padding-left:0px;}
			.btn.btn-defaut.btnsigmah.btnlog.btncentre.btndowload, .btn.btn-defaut.btnsigmah.btnlog.btncentre.btnfaq {width: 250px;}
	 a.btn.btn-defaut.btnsigmah.btnlog.btncentre.download, .btn.btn-defaut.btnsigmah.btnlog.btncentre.btnfaq {width: 250px;}


/*Liens*/
	a {color: #b40b0b; text-decoration: underline; }
	a:hover, a:focus {color:#b40b0b; text-decoration: none;}
	a:focus {color:@rouge;}
	.glossaire_abbr {text-decoration:none; border-bottom:1px dotted @couleurpolicealt;}
	.lire_la_suite { color: @marron; }
	.background-bloc-footer a {text-decoration: none;}
	a.btn.btn-default {text-decoration: none;}
	.sable a:link, .sable a:active, .sable a:visited, .sable a:focus {color: #ae9972; text-transform: uppercase; font-size: 12px; font-weight: 500; font-family:@FontFamilyAlt; }
	.sable a:link, .sable a:active, .sable a:visited {text-decoration: none;}
	a.btn.btn-warning.donation.btnfaireundon {text-decoration: none; margin-left:-53px;}
	img.btnlogolog { margin-top: -3px; margin-right: 5px;}
	.divpartenaires a {text-decoration: none;}

//header 
	#header {height: @header; min-height: @header;}
	.header {background-color:@grisclair;}
	#rezosociaux {padding-left:45px; padding-right: 0px;}
	#rezosociaux img {margin-right: 12px; margin-top:22px;}
	#slogan {font-size: 2em;font-family: @FontFamilyRegular; color: @grismoyen; }
	.logositespip {margin: 0; margin-top: -15px; }
	#espacepresse {font-family:@FontFamilyAlt; text-transform: uppercase; text-align: center; font-size:13px; padding-top:5px; padding-top: 8px; font-weight: 500;
	 padding-left: 0px; margin: 0px 22px 0px -20px;}
	#espacepresse a:link, #espacepresse a:visited { color: #575552; text-decoration: none;}
	#espacepresse a:hover { color: @sable;}
	#faitesundon {margin:0; padding:0px; text-align: center;}
	.paddingnav {padding-top:20px;}
	#formulaire_menu_lang {text-align:right; background: transparent; border:none;}
	#formulaire_menu_lang select { background: transparent; border:none; font-size: 12px; text-transform: uppercase;}
	.formtext:active, .formtext:focus {color: @grisclair;}
	div#bgheader { padding-top: 14px;}
	.row.rowheader1 {margin-top: 13px;}
	.rowheader { padding: 2px 0px;}

/*Accueil logiciel*/
	.aside6 {padding-left: 20px;}
	.slidercap { height :300px; min-height: 300px; overflow-y: hidden;}
	.texteslider {color:#696969; font-family:@FontSoustitre; font-size:14px; display:block; margin-top:0px; line-height: 1.8em;}
	.blocasideproj {font-size: 0.9em; font-family: @FontFamilyRegular; text-align:center; margin-top:50px; background-image:url("img/asideproj.png"); background-repeat: no-repeat; width:248px; min-height: 317px;}
	.blocproj1 {padding:@padding; color:@blanc; text-transform: uppercase;  font-weight: bold; font-size: 14px;}
	.blocproj2 {padding:@padding; color:@blanc; text-align:left; font-size: 13px;}
	.blocproj3 {margin-left:30px; padding:@padding; padding-top:0px; font-size: 12px; color:@blanc; text-align: left; list-style-image: url("img/pucerouge.png"); padding-left:5px;}
	.actu, .presse {margin:50px 0px;}
	.titreblocactu, .titreactespacepresse {margin-bottom:18px; color: @terrefonce; text-transform: uppercase; font-size: 14px;}
	.titrepresse {font-size: 13px;  text-transform: uppercase;}
	.titreactu a:link, .titrepresse a:link, .titreactu a:visited, .titrepresse a:visited, .titreactu a:active, .titrepresse a:active {margin-bottom:18px;font-family:@FontFamilyAlt; font-weight: 500; color: #918882; }
	.titreactu a:hover, .titrepresse a:hover {color: @orange;}
	.txtactu, .coupurepresse {margin-bottom: 25px; color:#666; margin-top:@demimargin; font-size:14px; margin-right: 8px;}
	.article-texte-24 
	.plus, .vousetesprets { text-transform: uppercase; font-family:@FontFamilyAlt; font-weight: 500;}
	.plus a:link, .plus a:visited {color: @terrejaune; font-size: 12px; font-weight: 500;}
	.plus a:hover {color:@terrefonce;}
	.plus img {margin-left: @demimargin; margin-top: -3px;}
	p.plus {margin-right: -1px;}
	p.plus2 {margin-right: 9px; margin-top: 9px;}
	.titremettreneoeuvre {margin-top: 0px; margin-bottom:15px;}
	.olli {list-style-type: none; padding-left: 43px; padding-top: 0px; background-repeat: no-repeat; background-position: 2px 11px; margin-bottom: -5px;
	 line-height: 3.1;}
	 .btn.btn-default.btnimpliqu {width: 205px;}
	 .btn.btn-defaut.btnsigmah.btnlog.btncentre.btncontrib {width: 250px;}
		p.text-right.plus {text-transform: uppercase; font-family:@FontFamilyAlt; font-weight: 500; font-size: 12px; 	 top: 38px; 	 position: relative; }
	 .olli a:link, .olli a:visited {color:#666; font-size: 14px;  text-decoration: none;	}
	 .olli a:hover {text-decoration: underline;}
	 ol {margin-left: -38px;}
	.olli1 {background-image:url("img/olli1.png");}
	.olli2 {background-image:url("img/olli2.png");}
	.olli3 {background-image:url("img/olli3.png");}
	.olli4 {background-image:url("img/olli4.png");}
	.vousetesprets {color:@grismoyen; font-size: 20px; margin:7px @margin; }
	.ensavoirplus {margin-top: 8px; text-align: center;}
	.carousel-inner {-moz-box-shadow: 5px 5px 5px 0px #eeeeee;	  min-height: 260px;
			-webkit-box-shadow: 5px 5px 5px 0px #eeeeee;
			-o-box-shadow: 5px 5px 5px 0px #eeeeee;
			box-shadow: 5px 5px 5px 0px #eeeeee;
			filter:progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee, Direction=134, Strength=5); margin:@margin 0;}
	.signtemoignage {font-size:12px; /*max-width: 280px; float: left;*/}
	.temoin {font-family: @FontFamilyAlt; text-transform: uppercase; font-size: 14px; color: #3d4d65; font-weight: 500; }
	p.text-right.plus.sommaireplus.origin.hidden-xs.hidden-sm { position: relative; top: 38px;}
	.pstemoin .spip_documents img {margin-bottom:25px;}
	// SliderTab
	.navslidetab {color:#707070;}
	.nav-tabs {font-family: @FontFamilyAlt; font-size: 12px; font-weight: 500; border-color: transparent;}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	 color: @terrefonce;
	 background-color: #ffffff;
	 border-bottom-color: transparent;
	 border-top-color: transparent;
	 border-left-color: transparent;
	 border-right-color: transparent;
	 cursor: default;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	 color: @terrefonce;
	 background-color: @grismoyen;
	 border-bottom: 1px solid #707070;
	 border-top-color: transparent;
	 border-left-color: transparent;
	 border-right-color: transparent;
	 cursor: default;
}
#myCarousel > .nav > li > a:hover, .nav > li > a:focus {
	 text-decoration: none;
	 background-color: transparent;
}
#myCarousel >.nav > li > a {color: #707070; font-size: 13px;
	 position: relative; word-spacing: 0.1pt;
	 display: block;
	 padding: 10px 3px;	  text-decoration: none;
}
#myCarousel >.nav > li > a:hover, #myCarousel >.nav > li > a:focus {color:#40281a;}
#myCarousel >.nav > li:first-child a {padding-left:0; margin-left: 0;}
#myCarousel >.nav > li:last-child a {padding-right:0; margin-right: 0; }
.paddingslide {padding: 0px 30px;}

/*Accueil projet*/
.bgproj { min-height:781px; width:1400px;  padding-top:30px; margin-bottom:30px;padding-left:50px; background-color:#651f17;
  margin:0 auto; background-color:#651f17;
  padding:0;
  background: url(img/bgprojindex.jpg) no-repeat; 
  background-position: auto 167px;
}
.bgproj,.bgproj a:link,.bgproj a:active, .bgproj a:focus,.bgproj a:visited, .article_bloc_titre h1.blanc, .blanc 
{padding-left:10px; color:@grisclair; text-decoration: none;}
.bgproj a:hover {text-decoration: underline;}
.plusproj a:link, .plusproj a:active, .plusproj a:visited, .plus a:link, .plus a:active, .plus a:visited {color:#ae9972; font-weight: 500; text-decoration: none;}
.plus a:hover {color:#666;}
.margeplus {margin:@margin*2 0px @margin*2 0px;}
.titrepresse a:link, .titrepresse a:active, .titrepresse a:visited, .titreactu a:link, .titreactu a:active, .titreactu a:visited {color:#918882; padding-left:0; text-decoration: none;}
.titrepresse a:hover, .titrepresse a:focus, .titreactu a:hover, .titreactu a:focus {text-decoration: underline;}
.blocprojpadding {padding: 50px @padding; }
.titreindexproj {font-size: 32px; font-family: @FontFamilyRegular; text-align:center; color:@blanc; margin-top:@margin; }
.slogan {font-family: @FontSoustitre;  text-align: center; color:#c6c6c6; font-size: 20px;}
.btn-slogan {padding:@padding; text-transform:uppercase; display:block; font-size:12px; border:2px solid @blanc; background:transparent; text-align: center; width:250px; margin:auto; border-radius: 0;}
.h2indexprj {font-size:30px; text-align: center; color:@blanc; margin-top:135px; text-transform: uppercase;}
.pindexproj {font-size: 18px; font-family: @FontSoustitre; color:#dddada; }
.impliquez {font-size: 28px; color:@blanc; text-align: center; font-weight: lighter;}
.clear {margin-top:97px;}
/*.plusproj {font-size:90%;}*/

/*Formulaires*/
	.psubmit {margin-top:@margin;}
	.spip-admin-boutons {background:@grismoyen; font-weight:normal;}
	.form-group, #espacepresse, #faitesundon {margin-top:@margetop;}
	.formtext {width:100%; border:none; background-color: #c4c2c1; opacity: 0.8; background-image:url("img/loupe.png"); background-repeat: no-repeat; background-position:right center; }
	.formtext:active, .formtext:focus {color:@grisfonce;}
	 .form-control:focus {
	 border-color:@marron;
	 outline: 0;
	 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
	.form-control input {-moz-border-radius: 1px; webkit-border-radius: 1px; border-radius: 1px;}
	.btn-warning {background-color: #f9b633; min-width: 100px;}
	.resultatmoteur {padding-left: @padding;}
	.sanmargebottom {margin-bottom:0px;}

//titraille
	.Bg_EnteteArticle {
	 background-color: #dad2c1;
	 max-height: 115px;
	 padding: 30px 0px;}
	.Bg_EnteteArticleProjet {padding-left:50px; background-color:#651f17; background-image:url("img/subheaderprojet.png"); background-repeat: no-repeat; min-height:166px; height:166px; padding:16px 0px; margin-bottom:0px;}
	.Bg_EnteteArticleProjet,.Bg_EnteteArticleProjet a:link,.Bg_EnteteArticleProjet a:active, 
	.Bg_EnteteArticleProjet a:focus,.Bg_EnteteArticleProjet a:visited, .article_bloc_titre h1.blanc, .blanc {padding-left:10px; color:#e6e6e6;}
	.article_bloc_titre h1.blanc {margin: 7px 0px 7px 0px; }
	.article_bloc_titre h1 {margin-bottom: 4px; margin-top: 0px; color:@terrefonce; font-size: 26px;}
	.article_bloc_titre {margin-bottom:@margin;}
	.article_bloc_titreProj {margin-bottom:0px;}
	.article_bloc_titre .surtitre{margin:0; padding: 0;}
	h1.blanc {font-size: 27px;}
	.margeleft {margin-left: 0px;}
	
	.encart {font-size: 1em; margin-bottom: 50px; letter-spacing: -1px;}
	.partager1 {margin-top:10px;}
	.partager1, .partager2 {font-family: @FontSoustitre;}
	.subheaderliensproj a { padding:@demimargin; text-transform: uppercase; font-size: 14px; font-family:@FontFamilyAlt; font-weight: 500;}
	.article_bloc_titre{z-index: 99;}
	.subheaderliensproj {padding-top:10px; margin-bottom:@margin;}
	.subheaderliensproj a:visited, .subheaderliensproj a:link {text-decoration: none;}
	.subheaderliensproj a:hover, .subheaderliensproj a.on {background-image:url("img/bglinkproj.png"); text-decoration: underline;}
	.affix {top:20px;}
	.surlignable p { word-spacing: 0.2em;}
	.application {top:1px;}
	.texteencadre-spip {padding:@padding; background-color: @grisclair; 
			border-color: @bordure; 	-moz-border-radius: 10px;
			-webkit-border-radius: 10px;border-radius: 10px; }
	.caractencadre2-spip {color: @orange;}
	.caractencadre-spip {color:@rouge;}
	.chapo {font-weight: bold;}
	.ps {clear:both; padding:15px; background-color: @grisclair; color:@couleurpolicealt; 
		border-color: 1px solid @bordure; -webkit-border-radius: @radius; -moz-border-radius: @radius;  border-radius: @radius;}
	.texteencadre-spip {padding:15px; background-color: @grisclair; border-color: @bordure;  }
	//.articleprojet > h1, .articleprojet > h2, .articleprojet > h3, .articleprojet > h4, .articleprojet > h5, .articleprojet > h6 {color:#40281a;}
	.articleprojet > p, .articleprojet > ol, .articleprojet > ul, .articleprojet > li, .articleprojet > strong,
	.articleprojet > small, .articleprojet > .chapo, .articleprojet > .ps, .articleprojet > .notes {color:#666; font-size: 16px; font-family: @FontFamilyRegular; font-weight: 300;}


//plugin sommaire surcharge
	.nav-sommaire {border: 1px solid #eee;margin-left: 30%;margin-bottom: 1.5em;}
	.nav-sommaire h2 {font-size: inherit;text-transform: uppercase;}
	.nav-sommaire ul {}
	.sommaire-back {color:#DDD;display:block;width:16px;height:16px;background:url(img/sommaire-up-16.png) no-repeat center;float: right;opacity:0.5;}
	/* masquer les sommaires avec un seul lien */
	.nav-sommaire-1 {display: none}
	.sommaire-back {display: none}
	a.spip_ancre { font-size: 14px;  text-decoration: none; }
	#tdm {margin-top: 30px; padding-top:30px; padding-left: 27px;}
	#tdm ul.spip {margin:0; padding:0; width: 225px; padding-left: 10px; }
	#tdm > ul.spip li {list-style-type: none; margin-left: 0; padding-left: 0;  text-transform: uppercase;}
	#asideproj #tdm > ul.spip li { margin-bottom: 33px;}
	#tdm > ul.spip li a.spip_ancre {color: @terrefonce; font-weight: 600;    margin-left: -7px;}
	#tdm > ul.spip li ul {padding-left: 0; margin-left: 0; margin-bottom:30px; margin-top:0px;}
	#tdm > ul.spip li ul li { list-style-image: url("img/puce.png"); padding-left:5px; margin-left: 0;  margin-left: 22px;}
	#tdm ul.spip li ul li a.spip_ancre {text-transform: initial; color: #666; font-weight: 400;}
	#tdm > ul.spip > li {margin-bottom:@margin;}
	dd {margin-left: 24px;	 margin-top: 20px;}
	.autobr {margin-top:20px;}
	#tdm ul.spip li ul li { margin-bottom: 1px!important;}

	.infosenbref {color:@marron; font-family: @FontFamilyAlt; font-weight: 500;}
	.titresite h1 {color:@cigare; font-size:5em; font-family: @FontFamilyAlt; text-shadow: 2px 2px 4px @cigare; font-weight: 500;}
	.titresite a:hover {color:@sable;}
	.infosenbref {color:@grisclair;}
	.texteencadre-spip {padding:@padding; background-color: @grisclair; 
			border-color: @bordure; 	-moz-border-radius: 10px;
			-webkit-border-radius: 10px;border-radius: 10px; }

	.chapo {color:@grisfonce; .bold;}
	.intertitre {}
	.couleur {font-weight:bold; color: @cigare;}
	.hyperlien {clear:both; padding:@padding; background-color: @grisclair; color:@marron; border: @bordure;  }
	.hyperlien a:link, .hyperlien a:visited, .hyperlien a:hover {color:@couleurpolicealt; }
	.ps {clear:both; padding:15px; background-color: @grisclair; color:@couleurpolicealt; 
		border-color: @bordure; }
	.texteencadre-spip {padding:15px; background-color: @grisclair; border-color: @bordure;  }
	.rubparent {font-family: @FontFamilyRegular; color:@grisfonce; .bold;}
	.titre-bloc-actu {font-size: 1.3em;}
	.logos_ou_pictos {margin:@demimargin 0;}

//navigation
	#menunav {font-family: @FontFamilyAlt; text-transform: uppercase; font-weight: 500;}
	#menunav a:link, #menunav a:visited {color:#636363;}
	#menunav a:active, #menunav a:focus {background-color: transparent; color:@terrefonce;}
	#menunav a {position: relative; text-decoration: none;}
	#menunav a:hover { color: @grisfonce;}
	#menunav a:before {
		  content: "";
		  position: absolute;
		  width: 100%;
		  height: 2px;
		  bottom: -10px;
		  left: 0;
		  background-color: #d2d1d1;
		  visibility: hidden;
		  -webkit-transform: scaleX(0);
		  transform: scaleX(0);
		  -webkit-transition: all 0.3s ease-in-out 0s;
		  transition: all 0.3s ease-in-out 0s;
}
	#menunav a:hover:before {
		  visibility: visible;
		  -webkit-transform: scaleX(1);
		  transform: scaleX(1);
}
	#menunav li ul li {border:none; padding:7px;}
	#menunav li ul li a:hover {background: transparent;}
	#menunav a.on {color:@terrefonce;}
	.list-inline > li {
	 display: inline-block;
	 padding-left: 10px;
	 padding-right: 10px;
}

/*slider*/
	#slide {position: relative;}
	.carousel-control .icon-prev:before, .carousel-control .icon-next:before {content: none;}
	.background-bootstrap-slider {border-bottom: none; background: @blanc; position:relative;}
	.carousel-control.left, .carousel-control.right {opacity:1; width:58px; height: 62px; position:absolute; top:180px; z-index: 11; background-image: none; background:none;}
	.carousel-control.right {right: 0px;}
	.carousel-control:hover, .carousel-control:focus {opacity: 1;}


// Blocs
	.aside-actu-laterales { border-top: 1px solid @grismoyen;}	
	.spotlight { border-bottom: 1px solid @marron; margin-bottom: 7px; padding-bottom: 7px; }
	.spotlight h2 span.logo {background-color: @grisfonce;}
	.extra {/*position: fixed;*/ width: 270px; }

	//Les fonds de blocs
		
		.background-bloc-actu {/*background: fade(@grismoyen, 30%);*/ background:@blanc;}
		.bloc-actu {}
		.background-bloc-infoflash {background: @cigare; padding:@padding;}
		.bloc-infoflash, .bloc-infoflash a { color: @grisclair;}
		.bloc-lateral {margin:@marginbloc; padding:@padding; border:1px solid @bordure; -webkit-border-radius: @radius;
			  -moz-border-radius: @radius;
			  border-radius: @radius;}
		.asidelogobreve {margin-right: @margin;}
		.background-bloc-video {border-bottom:3px solid @cigare; margin-bottom:@margin; background: @cigare; font-family: @FontFamilyRegular; padding:@padding 0px; padding-bottom: @margin; margin-top:@margin}
		.bloc-video {padding:@padding; margin:@margin; text-align: center;  }
		.bloc-video img {padding:@padding; background-color: @blanc;}
		.borderleft, .borderright {padding-left:27px; margin-bottom: 2px; margin-top:30px; padding-right: 27px;}
		.borderleft {border-left: 2px dotted #cdcdcd; padding-top:30px;}
		.borderright {border-right: 2px dotted #cdcdcd; }
		.borderright h1:first-child {margin-top:@margin;}
		#blocsocial {margin:@margin 0px; text-align: center; padding:25px; margin-right:@margin; width:243px;
			-moz-box-shadow: 5px 5px 5px 0px #eeeeee;
			-webkit-box-shadow: 5px 5px 5px 0px #eeeeee;
			-o-box-shadow: 5px 5px 5px 0px #eeeeee;
			box-shadow: 5px 5px 5px 0px #eeeeee;
			filter:progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee, Direction=134, Strength=5);}
		#blocsocialsigmahproj {color:@terrefonce; text-transform: uppercase;}
		.partager1, .partager2 {margin:20px 0px; color:@grismoyen;}
		.partager3 {font-family:@FontFamilyRegular; margin:20px 0px; color:@terrefonce; text-transform: uppercase; font-weight: 600; font-size:14px;}
		.partager4 {margin:20px 0px; padding:1px;}
		.btnwidget { padding: 10px 13px; width: 190px;}
		.chevronwidget {margin-left: 15px;}	
		.text-right.sommaireplus.plus.plusinfo {display: block;	 width: 140px;  margin-top: -8px;  margin-left: -90px;}

	//Foooter	
		.background-bloc-footer  {background: @grisfonce; color:@blanc; margin-top:@margin;}
		.background-bloc-footer a, .background-bloc-footer h1, .background-bloc-footer h2, .background-bloc-footer h3, .background-bloc-footer h4, .background-bloc-footer h5, .background-bloc-footer h6 {color:@grisclair;}
		#footerplan {padding:@margin 0px;}
		.footer-titre-logiciel {background-image:url("img/logologiciel.png") ; background-repeat: no-repeat; background-position: 0px 5px;}
		.footer-titre-projet {background-image:url("img/logoprojet.png") ; background-repeat: no-repeat; background-position: 0px 5px;}
		.footer-titre {color:#979797; font-family:@FontFamilyAlt; font-size:24px; padding-left:33px; margin-bottom: @margin; text-transform: uppercase;}
		#footerplan ul {padding-left:0px; list-style-type: none; font-size: 11px; font-family: @FontFamilyRegular; text-transform: uppercase;}
		#footerplan ul li {margin-bottom: 12px;}
		.footer-presse, .footer-contact {padding-left:0px;}
		.killmaj {text-transform: none;}
		.lisuiveznous {display: block;}
		.liplus {margin-top:@margin*2;}
		.imgresosocfooter {padding-right: 10px;}
		.footeralign { margin: 0px -25px 0px 28px;}

//Article
	/*pave date auteur*/
	span.jour {border-bottom:0 solid @grismoyen; background-color:@grisclair; font-size:25px; line-height:30px; color: @grismoyen; border-radius:3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0;}
	span.mois {font-size:11px;}
	p.paveauteur {padding-top:@margin; }
	.texte a:link, .texte a:visited {.underline }
	.texte a:hover {text-decoration: none;}	
	h2.titrevideo {font-family: @FontFamilyRegular; font-size: 1em;}
	ul.spip, ol.spip {margin:@margin;}
	ul.spip ul, ol.spip ol {margin:0px @margin;}
	.spip_documents_left {margin-right: 40px;}
	.autobr {margin-top: 0px;}
	.text-right.sable { margin-top: -10px;}
	/*bloc diaporama*/
	.bloc-diaporama {margin:@margin 0px; padding:@padding;}
	.img-thumbnail {margin:5px;}
	.surlignable, .articleprojet  {  margin-bottom: @margin;}
	#asideproj #tdm > ul.spip li {	margin-bottom: 0px;}
	.btnsigmah {	 margin-top: 32px;}
	ol.spip:last-child {margin-bottom: 50px;}


	.blurps-proj_01:link, .blurps-proj_02:link, .blurps-proj_03:link, .blurps-proj_01:visited, .blurps-proj_02:visited, .blurps-proj_03:visited {text-decoration: none;}
	.blurps-proj_01:hover, .blurps-proj_02:hover, .blurps-proj_03:hover {text-decoration: underline;}

	/*Tables*/
	table.spip {margin-top:@margin; margin-bottom: 50px;}
	table.spip td, table.spip th {padding:4px 9px;}
	table.spip caption {color:@grismoyen;  font-style: normal; margin-bottom: @margin; 
		font-size: 12pt; letter-spacing: normal; padding: 4px @demimargin;}
	table.spip thead tr th {background-color: transparent; color:@terrefonce; text-align: left; font-weight: 600;}
	table.spip tbody tr {border-bottom:1px solid @bordure;}
	table.spip tbody tr.odd td {}
	table.spip > tbody > tr:hover > th {background-color: @grisclair;}
	table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {  background-color: @grisfonce; }	

/*page auteur*/
	.logoauteur {width:170px; margin:@margin 13%; }

//Rubriques
	.bloc-liste {margin-bottom: @margin;}
	.bloc-contenus-rub img.spip_logos, .bloc-contenus-rub-defaut img.spip_logos, .bloc-liste img { margin-right: @margin;}
	#btnrougeong, #btnrougesavoirplus {width:220px;}

		
// Résultat recherche
		.bloc-liste h2 a:link, .bloc-liste h2 a:visited {color:@terrejaune; text-decoration: none; }
		.bloc-liste h2 a:hover {text-decoration: underline; }
		.surtitre.texte.votrerequete { padding: 65px 36px;	 color: #666;	 font-size: 14px;}


/*Menu Slide and Push*/
/* General styles for all menus */
.cbp-spmenu .titremenunav {color: @grisclair; font-family: @FontFamilyAlt;letter-spacing:3px;	font-size: 2em;	padding: 20px;	margin: 0; font-weight: 500; background: @grismoyen;}
.cbp-spmenu {background: @grisfonce; }
.cbp-spmenu a {color:@grisclair; font-size: 1.1em;padding:@padding 33px; margin:0;}
.cbp-spmenu ul {padding:0px;margin:0;}
.cbp-spmenu li.rubracine {font-size: 1.3em; letter-spacing:2px; padding:0px;margin:0; margin-top:@margin;}
.cbp-spmenu strong {padding:0; background: @grismoyen;  border-bottom: 1px solid @bordure;}

.cbp-spmenu a:hover {background: @cigare;}
.cbp-spmenu .srub {padding:0px;}
.cbp-spmenu a:active {background: @grismoyen;	color: @blanc;}
.cbp-spmenu-vertical .rubracine {border-bottom: 1px solid @grismoyen; }
.cbp-spmenu-vertical {width: @msp;	height: 100%;	top: 0;	z-index: 11000;}
.cbp-spmenu-left {left: -@msp;}
.cbp-spmenu-right {	right: -@msp;}


.aside6 iframe {    max-width: 248px;}


/*MediaQueries-----------------------------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 767px) {


	body {max-width: 767px; overflow-x: hidden; background-color:#f9f9f9;}
		#header {height:90px; min-height: 90px;}
		.navbar-default {background: @grisclair; border:none;} 
		.navbar-toggle {padding:15px @demimargin; border:none; color:@grismoyen; font-size: 23px;}

.header, #header, .header > .navbar-default, #header > .navbar-default, .navbar-default {background-color:transparent;}
#bgheadermobile, #bgheadermobile1, #bgheadermobile2, #bgheadermobile9, #bgheadermobile5, #bgheadermobile6, #bgheadermobile8, #bgheadermobile10, #bgheadermobile11, #bgheadermobile17, #bgheadermobile13, #bgheadermobile14, #bgheadermobile15, #bgheadermobile18, #bgheadermobile19, #bgheadermobile20, #bgheadermobile22, #bgheadermobile23
{background-color: #eee; height:90px; color:#676767;}
#bgheadermobile3, #bgheadermobile12  {background-color:#931204; height:90px; color:#fff; border-radius: 0;}
#bgheadermobile3 > .navbar-default .navbar-toggle .icon-bar {color:#fff;}
#bgheadermobile3 > .navbar-default .navbar-toggle:hover, #bgheadermobile3 > .navbar-default .navbar-toggle:focus {color:#fff;}
#bgheadermobile3 > #bloclangues a:link, #bloclangues a:visited {color: #fff;}

.articleprojet {  padding: 15px;}

		img.marginmob {top:25px; left:0; position:absolute; z-index:8; }
		.loupemob {}
		.btncc { width: auto;	 margin: 0;	 float: right;}

		.colnavmobile {padding: 0}
		#navmobi {	 height: 90px;	 width: 200%;	 margin: 0;	 padding: 0;}

		#btnshare, #btnrech, #bloclangues, #navmobi {height:90px; width:100%;	margin:0; padding:0;}
		#btnrech {}
		#btnshare {}
		.borderleft {padding-top:15px; min-height: 710px; padding-bottom: 100px;}



		.navbar-default .navbar-toggle:link, .navbar-default .navbar-toggle:visited {width:85px; position:relative; top:0px; left:0px; float: none; }
		.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, button.navbar-toggle:focus, button.navbar-toggle:hover {background-color: #7e7979; width:85px; float: none;}
		ol {margin-left:-24px;}


		button:link.navbar-toggle, button:visited.navbar-toggle, button:hover.navbar-toggle, button:focus.navbar-toggle, button.navbar-toggle

		 {	height: 90px; width:99px; z-index: 999999; float: none;	 padding: 15px 0px;	border-radius:0;	margin: 0px 0px 8px 0px;		}
		div#bs-example-navbar-collapse-1 { position: absolute;	 width: 108% !important;  margin: 0 !important;  top: 89px;		}
		.navmoblog, .navmobproj  {height: 355px; width:50%;}

		#sharemob, #rechmob {position:absolute; width:100%; z-index: 11;  background-color:#7e7979; padding:7%; top:90px; border:none;}
		#sharemob a {display:inline-block; width: 20%; text-align: center; padding: 30px 0px;}
		#sharemob a:hover, #sharemob a:focus {background-color: #747171;}

		#bloclangues {z-index: 99999; font-size: 42px;}
		 #bloclangues a:link, #bloclangues a:visited {color:@grismoyen;}
		 #bloclangues a:focus#bloclangues a:hover {color: @grisclair;}

		 img.loupemob, img.sharemob, img.chooselangmob {right: 25px!important;}
		 .Bg_EnteteArticle, .Bg_EnteteArticleProjet {max-height: none; background-image: none; background-color:transparent; padding-bottom: 0;}
		 .Bg_EnteteArticleProjet {margin-top: @margin;}
		.article_bloc_titre {margin-bottom:0px;}
		.soustitre {color: #40281a; font-size: 20px; font-family: @FontFamilyRegular; font-weight: 200; font-style: normal; margin-left: -4px; }
		.article_bloc_titre h1, .article_bloc_titreProj h1, h1.blanc, .Bg_EnteteArticleProjet, .Bg_EnteteArticleProjet a:link, .Bg_EnteteArticleProjet a:active, .Bg_EnteteArticleProjet a:focus, .Bg_EnteteArticleProjet a:visited, .article_bloc_titre h1.blanc  
		{color:#685549; font-size: 29px; font-weight: 600; padding-left:0; margin-left: -4px;}
		.Bg_EnteteArticleProjet, .Bg_EnteteArticleProjet a:link, .Bg_EnteteArticleProjet a:active, .Bg_EnteteArticleProjet a:focus, .Bg_EnteteArticleProjet a:visited, .article_bloc_titre h1.blanc {margin-left:1px;}
		.article_bloc_titre h1.blanc {    margin: 0px 0px 7px -7px;}
		p.soustitre.margeleft.blanc {margin-left: -5px;    padding-left: 0px;    margin-bottom: 0px;    padding-bottom: 0px;}

		.surlignable h2, .surlignable h3, .surlignable h4, .surlignable h5, .surlignable h6 {color:#685549;}
		.surlignable h2 {font-size: 26px; font-weight: 600;}
		.surlignable h3 {font-size: 18px; font-weight: 600;}
		.surlignable h4 {font-size: 17px; font-weight: 600;}
		.surlignable h5 {font-size: 16px; font-weight: 600;}
		.surlignable h6 {font-size: 15px; font-weight: 600;}
		.surlignable p {font-size: 18px; font-weight: 400; color:#666;}
		.surlignable {padding:0 26px;}
		.conteeebe7, .actu,  .presse {background-color:#eeebe7; width:100%; padding:7px;}
		.footeralign ul {margin-bottom:@margin*2;}
		.bgheadermobile {position:relative;}
		#colapsemargin {margin:0px -33px; }

		.navmoblog ul li a:link, .navmobproj ul li a:link, .navmobproj ul li a:visited, .navmoblog ul li a:visited{color:@blanc; text-decoration: none;}
		.navmoblog ul li a:hover, .navmobproj ul li a:hover {color:@puce; text-decoration:underline; }
		.navmoblog ul li, .navmobproj ul li {list-style-type: none; padding:@demimargin 0px; }
		.navmoblog ul li {border-bottom: 1px solid #656161;}
		.navmobproj ul li {border-bottom: 1px solid #750c01;}
		.navmoblog ul li:last-child, .navmobproj ul li:last-child {border:none;}
		.navmoblog {background-color:#7e7979; }
		.navmobproj {background: @rouge;  }
		.logonavlogi, .logonavproj {position:relative; top: 30px; left: -30px;}
		.container-fluid > .navbar-collapse {position:absolute; width:auto !important; margin-right: 0px; margin-left: 0px; position:relative; top:-10px; z-index: 999; }

		.titreblocactu, .titreactespacepresse { text-transform: initial; 
		    font-size:27px;
		    padding-top: 10px;
		    text-align: left!important;
		    font-weight: 300;
		    color: #40281a;}
		    .txtactu, .coupurepresse {font-size: 17px; margin-top: 0;}
		    .titreactu a:link, .titrepresse a:link, .titreactu a:visited, .titrepresse a:visited, .titreactu a:active, .titrepresse a:active {font-size: 16px; font-family: @FontFamilyAlt; color:#918882; font-weight: 400;}
		.video > .titreblocactu {padding-left:25px;}
		h2.titremettreneoeuvre.atouts {   margin-left: 16px; margin-bottom:30px;}
		div#xsblurps {    margin: 0 8px;}
		.coupurepresse {padding-right: 40px; }
		.flechemob {float: right;}
		.actu{margin-bottom: 0px;}
		.presse {margin-top: 0px; position:relative;}
		.bord {width:230px; margin:auto; background-image:url("img/bord.png") ;  height: 4px; background-repeat: no-repeat; background-position: center; position: relative; top: -33px; }

		.navbar-default { height: 90px;}
		.paddingslide {position: relative;}
		.texteslider {
				background-image:url("img/bgslider.png") ;
				 background-repeat: repeat;
				 position: absolute;
				 z-index: 9;
				 top: -565px;
				 height: 250px;
				 min-height: 250px;
				 overflow: hidden;
				 max-height: 250px;
				 margin-left: 20px;
				 color: #fff;
				 width: 77%;
				 padding: 20px;
			}
		.borderleft, .borderright {margin-top:0px;}
				.blurplog1, .blurplog2, .blurplog3 {
			 display: block;
			 font-weight: 300;
			 line-height: 1em;
			 margin-top: -24px;
			 padding: 15px !important;
		}
		a.xs-blurps-log_01, a.xs-blurps-log_02, a.xs-blurps-log_03, a.xs-blurps-proj_01, a.xs-blurps-proj_02, a.xs-blurps-proj_03 {width: 145px!important;	 height: 145px!important;}
		a.xs-blurps-log_01, a.xs-blurps-log_02, a.xs-blurps-log_03 {
		    display: block;   font-size: 20px; font-family: @FontFamilyAlt; text-transform: uppercase;   margin: auto;  font-weight: 500;     padding-top: 50px; }




		#langmob { font-size: 22px; font-weight: 600;
			 background-color: #7e7979;
			 width: 210px;
			 text-align: center;
			 height: 58px;
			 color: #fff;
			 vertical-align: middle;
			 z-index: 99;
			 position: absolute;
			 vertical-align: super;
			 padding: 2% 0%;
			 right: 0;
			 top: 90px;
		}
		#btnlang {	 padding-right: 28px;	 margin-left: 3px;}
		#btnlangtest img {width:45px; padding:5px; margin: 0px auto;  }
		#btnlang:active, #btnlang:focus, #btnlang:hover {text-align: center; margin-right:-5px;}
		#langmob a:link, #langmob a:visited {color:#fff; text-decoration: none; }
		#langmob a:hover, #langmob a:focus {color:#fff; text-decoration: underline;}


		a:link.xs-blurps-log_01, a:link.xs-blurps-log_02, a:link.xs-blurps-log_03,
		a:visited.xs-blurps-log_01, a:visited.xs-blurps-log_02, a:visited.xs-blurps-log_03 {text-decoration: none;}
		a:hover.xs-blurps-log_01, a:hover.xs-blurps-log_02, a:hover.xs-blurps-log_03,
		a:focus.xs-blurps-log_01, a:focus.xs-blurps-log_02, a:focus.xs-blurps-log_03 {text-decoration: none; color:@terrefonce;}

		a:link.xs-blurps-proj_01, a:link.xs-blurps-proj_02, a:link.xs-blurps-proj_03,
		a:visited.xs-blurps-proj_01, a:visited.xs-blurps-proj_02, a:visited.xs-blurps-proj_03 {text-decoration: none;}
		a:hover.xs-blurps-proj_01, a:hover.xs-blurps-proj_02, a:hover.xs-blurps-proj_03,
		a:focus.xs-blurps-proj_01, a:focus.xs-blurps-proj_02, a:focus.xs-blurps-proj_03 {text-decoration: none; color:@terrefonce;}

		.blurp1 { font-size: 16px!important;	 font-weight: 600;	 padding: 8px!important; padding-top:19px!important;	 text-transform: uppercase;}

		 .douzeong {font-size: 23pt;  color: #707070; text-align: center; padding: 15px;}

		.formtext {	 width: 100%;	 border: none;	 background-color: #fff;	 opacity: 1;	 background-repeat: no-repeat;	 background-position: right center;	 border-radius: 23px;
			background-image: url("img/Top-NavMobile_07.png"); background-repeat: no-repeat; background-size: 5%;     background-position: 15px center;}
		.form-control { padding-left: 50px;}

		#sharemob a:hover, #sharemob a:focus { background-color: #747171;    width: 100%;}



		.video {margin-top: @margin*2;}
	 .sharetoggle:active, .sharetoggle:focus {}
		.nav-tabs {display:none;}
		.carousel-inner { position:relative;}
		#myCarousel > a.spip_note {color:@blanc;}
		 
		.BgBsMettreEnOeuvre {background-color: #eeebe7; padding:0px 20px 30px 20px;}
		.BgBsMettreEnOeuvre > ol {margin-left:39px;}
		.olli {line-height: 2.7; margin-left:10px; font-size:18px;}
		.text-right.plus.sommaireplus.origin.hidden-xs { position: relative; right: 1px; top: 36px; }
		.borderright, .borderleft {border: none;  padding-left: 0;	  padding-right: 0;}
		.aside6 {padding-left: 0px;	  padding-right: 0px;}
		.video {min-width: 250px; text-align: center; margin:auto;}
		.actu, .presse {padding: 24px;}
		.origin {display: none;}
pre {position: absolute; width:100%; bottom:0; background: #333; color:#fff;}
.rowol, .rowol .titremettreneoeuvre {background: #eeebe7;}
.rowol {margin-bottom: @margin; padding: 20px 0px;}
.bgproj { min-height:781px; padding-top:30px; margin-bottom:30px;padding-left:50px; background-color:#651f17;
  margin:0 auto; background-color:#651f17;
  padding:0; width:100%;
  background: url(img/xs-bgprojindex.jpg) no-repeat; 
  background-position: auto 167px;
}
.titreindexproj {font-size: 20px; margin-top:15px;}
.h2indexprj {margin-top:190px;}
.pindexproj {font-size: 16px;}
.impliquez {font-size: 19px; margin-bottom: 100px;
}
.margeplus {margin:20px 0px 20px 0px;}
.douzeong {font-size:16px; text-align: left; margin:10px;}
.margeplus > .douzeong {}
.divpartenaires	{margin:0;}

.blurp1 {padding-right:6px;
	 font-size: 11px;
	 font-weight: 600;
	 padding-top: 0px;
	 text-transform: uppercase;}
.btn, .btn.btn-defaut.btnsigmah.btnlog.btncentre.btncontrib {width:250px;}
.clear {margin-top:10px;}
.margeleft { margin-left: -21px;}

.ptdm {font-weight: 400; font-size: 90%;}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    height: auto;
    width: 101%;
    position: relative;
    top: -100px;
}
.bgproj h2.titremettreneoeuvre {
    margin-left: 4px;
}
.slidercap {
    height: 300px;
    min-height: 300px;
    width: 624px;
    margin: auto;
    margin-left:-20px;
    overflow-y: hidden;
    overflow: hidden;
}
.texteslider {min-height: 300px;}
.carousel-inner {
    min-height: 300px;}
.texteslider {
    font-family: 'Georgia', Serif;
    position: absolute;
    z-index: 9;
    /* top: -693px; */
    height: 300px;
    overflow: hidden;
    margin-left: 2px;
    color: #fefefe;
    width: 97%;
    font-size: 12px;
    padding: 20px 56px;
    margin-top: -226px;
}
.carousel-control.left, .carousel-control.right {
    opacity: 1;
    width: 58px;
    height: 62px;
    position: absolute;
    top: 107px;}
dl.spip_documents_left {    padding-bottom: 29px;}
.temoin {    font-size: 14px;    color: #dad3d3;    font-weight: 500;}
.pstemoin {color:#dad3d3; font-family: @FontFamilyRegular;}
.titremettreneoeuvre {
    font-size: 27px;
    margin-left: 26px;
    padding-top: 10px;
    text-align: left!important;
    font-weight: 300;
    color: @terrefonce;
}
.banr {min-height:744px; max-height: 750px; }
.asidecpro {    width: 103%;}
.borderright h1:first-child { margin-top: 20px; margin-left: 25px; }
	h1.titreindexproj, .impliquez {font-size: 25px;}


}
//---------------------------------------------------------------------------------------------------------------------------------------------------------------------

@media (max-width: 479px) {
	.carousel-inner {max-width: 479px;}
	.slidercap {width: 495px; }
	.texteslider {top: -394px; width:100%;}
	.txtlidexsss {width: 85%; padding-top: 10px; padding-right: 57px;}
	a.xs-blurps-log_01, a.xs-blurps-log_02, a.xs-blurps-log_03, a.xs-blurps-proj_01, a.xs-blurps-proj_02, a.xs-blurps-proj_03 {
    width: 111px!important; font-size: 15px; padding-top: 45px;
    height: 111px!important;}

    a.xs-blurps-proj_01, a.xs-blurps-proj_02, a.xs-blurps-proj_03 {
    width: 111px!important;
    font-size: 15px;
    padding-top: 3px;
    height: 111px!important;
    padding-left: 0!important;
}
    .titremettreneoeuvre {font-size: 25px;}

    div#rechmobi {width: 80px; margin-left: -50px;}
	img.marginmob.loupemob {margin-left: 20px;}

	div#sharemobi {width: 80px; margin-left: -32px;}
	img.marginmob.sharemob {margin-left: 20px;}

	div#langmobi {width: 80px; margin-left: -16px;}
	img.marginmob.chooselangmob {margin-left: 20px;}
	div#bs-example-navbar-collapse-1 {font-size:14px;}

	.ptdm {font-size: 68%;}
	.blurp1, .blurp2, .blurp3 {font-size:14px!important;}

	.h2indexprj {    font-size: 22px;  margin-top: 163px;}


}
@media (max-width: 317px) {
		.h2indexprj {    font-size: 22px;  margin-top: 42px;}
		h1.titreindexproj, .impliquez {    font-size: 22px;}
		.pindexproj {    font-size: 15px;}
		.impliquez {    font-size: 19px;    margin-bottom: 10px;}
		.slogan {font-size:19px;}
}

@media (min-width: 318px) and (max-width: 379px) {
		.h2indexprj {    font-size: 22px;     margin-top: 77px;}
		.impliquez {    font-size: 19px;    margin-bottom: 47px;}
}
@media (min-width: 380px) and (max-width: 399px) {
		.h2indexprj {    font-size: 22px;     margin-top: 107px;}
}
@media (min-width: 400px) and (max-width: 479px) {
		.h2indexprj {    font-size: 22px;     margin-top: 118px;}
		.impliquez {    font-size: 19px;    margin-bottom: 60px;}
}
@media (min-width: 704px) and (max-width: 767px) {
	.impliquez {    font-size: 19px;    margin-bottom: 137px;}

}
//---------------------------------------------------------------------------------------------------------------------------------------------------------------------
@media (min-width: 480px) and (max-width: 767px) {
	div#rechmobi {width: 80px; margin-left: -50px;}
	img.marginmob.loupemob {margin-left: 20px;}

	div#sharemobi {width: 80px; margin-left: -32px;}
	img.marginmob.sharemob {margin-left: 20px;}

	div#langmobi {width: 80px; margin-left: -16px;}
	img.marginmob.chooselangmob {margin-left: 20px;}
	div#bs-example-navbar-collapse-1 {font-size:14px;}

	.actu, .presse {margin: 0px;}

}
//---------------------------------------------------------------------------------------------------------------------------------------------------------------------
@media (min-width: 768px) and (max-width: 991px) {
	.logositespip {	 margin-top: -28px;	 margin-left: 1px;}
	a.btn.btn-defaut.btnsigmah.btnlog {float: right; margin-top: -20px;}
	#espacepresse {width:121px; font-size:12px;}
	.borderright, .borderleft {border:none;}
	img.img-responsive.tabimage {margin-top: 30px;}
	.texteslider {margin-top:0px;}
	div#blurp {margin-top: 130px;}
	p.text-right.plus.ensavoirplus.origin { position: absolute; right: 4px; margin-top: 32px;}
	.paddingnav {padding-top: 17px;}
	#btnsigmah {	 position: absolute;	  top: -102px;  right: 21px; }
	#rezosociaux {padding-left: 10px;	 padding-right: 0px;}
	div#bloclangues { width: 75px;}
	.borderleft { padding-left: 110px;}
	a.btn.btn-defaut.btnsigmah.btnlog {margin-top: 20px; }
	#tdm {display:none; }
	#footerplan {font-size:85%;}
	.footer-titre { font-size: 18px;}
	#xsblurps {margin: 95px 0px 0px 0px;}
	a.btn.btn-defaut.btnsigmah.btnlog {float: none;}
	.bgproj {width:768px; background-position-x: -319px;}
	.titreindexproj {font-size: 27px;	margin-top: 8px;}
	.h2indexprj {    margin-top: 100px;}
	.clear {  margin-top: 15px;}
	.video {margin: auto; width: 708px; text-align: center;}
	.blurplog3 {padding-top: 12px;}

.blurps-log_01, .blurps-log_02, .blurps-log_03 {width: 114px; height: 114px; padding:2px;}
.blurplog1 { padding-top: 20px;}
.blurplog2 { font-size: 12px; padding:2px;}
.blurplog3 { padding-top: 1px; font-size: 12px;}
.blurp3 { padding-top: 0px;}
.blurp1 {padding-top:24px;}

.containerart .blurplog1 { padding-top: 20px;}
.containerart .blurplog2 { font-size: 12px; padding:2px;}
.containerart .blurplog3 { padding-top: 1px; font-size: 12px;}
.containerart .blurp3 {visibility: hidden;}
.containerart .blurp2 {font-size:16px}
.containerart .blurp1 {padding-top:25px; font-weight: 300; font-size:13px; }

.containerart .blurps-proj_01, .containerart .blurps-proj_02, .containerart .blurps-proj_03 {min-width:120px!important; min-height:120px!important; width: 120px!important; height: 120px!important; padding:2px;}
a.btn.btn-defaut.btnsigmah.btnlog.btncentre.btnsigmahtour {width: 325px;}
a:hover.xs-blurps-log_01 {color:#fff; text-decoration: none; padding-top: 13%;}
#bloclangues {	 margin-left: 35px;}
a.btn.btn-warning.donation.btnfaireundon {	 text-decoration: none;	 margin-left: -11px;	 min-width: 50px;	 width: 150px;}
#espacepresse {	 width: 121px;	 font-size: 12px;	 padding-left: 28px;}
#rezosociaux img {	 margin-right: 1px;	 margin-top: 22px;}
#rezosociaux {padding-left:33px;}
.btn.btn-defaut.btnsigmah.btnlog.btncentre.btncontrib {	 width: auto;}
h1.blanc { font-size: 21px;}

.banr {min-height:600px; }

	.blurps-log_01, .blurps-log_02, .blurps-log_03, .blurps-proj_01, .blurps-proj_02, .blurps-proj_03 {min-width: 215px; min-height: 215px; }
	.blurplog1 { padding-top: 48px;}
	.blurplog2 {font-size: 16px;}
	.blurplog3 {font-size: 15px;}
	.blurps-log_01 .blurplog3 {padding-top:11px;}
	.blurps-log_02 .blurplog3 {padding-top:10px;}
	.blurps-log_03 .blurplog3 {padding-top:11px;}

p.text-right.plus {top:0;}
.rowheader {    padding: 6px 0px;}
    li.dropdown.rubniv1 {    margin-left: -41px;}
.row.rowheader1 {    margin-top: -1px;}
.titremettreneoeuvre {    margin-top: 0px;    margin-bottom: 15px;    margin-left: 14px;}
ol {margin-left: -25px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#menunav { font-size: 13px;	margin-left: 32px;}
	#formulaire_menu_lang {
	 text-align: right;
	 background: transparent;
	 border: none;
	 margin-right: -43px;}

	 #myCarousel > .nav > li > a {
	 color: #707070;
	 font-size: 13px;
	 position: relative;
	 display: block;
	 padding: 4px;}
	 .paddingslide {
	 padding: 8px;
	 padding-right: 30px;}

a#btnsigmah {
	 position: relative;
	 right: -11px;
	 top: -43px;
}
.btnrougeong {width:200px;}
.btncentre {width: 222px;}
.bgproj {width:992px; 
	 padding-top: 30px;
	 margin-bottom: 30px;
	 padding-left: 50px;
	 margin: 0 auto;
	 background-color: #fff;
	 padding: 0;
	 background-position: -192px 0px;
}
.slogan {	 font-size: 19px;}
.txtactu, .coupurepresse {
	 margin-bottom: 25px;
	 color: #666;
	 margin-top: 10px;
	 font-size: 1px;
	 margin-right: -39px;padding-right: 8px;
}
p.plus2 {
	 margin-right: -39px;
	 margin-top: 9px;}

.extra {
	 width: 220px;
	 }

#tdm > ul.spip li {
	 list-style-type: none;
	 margin-left: 0;
	 padding-left: 0;
	 margin-right: 20px;
	 text-transform: uppercase;
}
#blocsocial {
	 margin: 20px 0px;
	 text-align: center;
	 padding: 9px;
	 margin-right: -49px;
	 width: 207px;

}
a.spip_ancre {	 width: 150px; }

.pictorezosoc {
	 width: 30px;
	 height: 30px;
}
a.btn.btn-defaut.btnsigmah.btnlog.btncentre {padding: 10px 0px; }
a.btn.btn-defaut.btnsigmah.btnlog.btncentre.btnsigmahtour {width: 255px;}
a.btn.btn-default.btnimpliqu {width: 245px;}
.btn.btn-defaut.btnsigmah.btnlog.btncentre.btndowload, .btn.btn-defaut.btnsigmah.btnlog.btncentre.btnfaq {width: 200px; font-size: 12px;}
.text-right.sommaireplus.plus.plusinfo {
	 display: block;
	 width: 140px;
margin-top: 0px;
margin-left: -58px;
}

img.imgbtndowload, img.imgbtnfaq {margin:0;}
.texteslider {font-size: 13px; line-height: 1.4em;}
.nav-tabs > li { text-align: center;		float: none;	display: table-cell;}
.article_bloc_titre h1 {font-size: 22px;}
.blurplog3 {padding-top: 12px;}
.blurps-log_01, .blurps-log_02, .blurps-log_03 { min-width: 218px;	min-height: 218px;}
.blurplog1 { padding-top: 20px;}
.soustitre{ font-size: 16px;}
#tdm > ul.spip > li {margin-bottom:@margin!important;}

p.text-right.plus {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 12px;
    top: 0px;
    position: relative;}

    .rowheader {    padding: 6px 0px;}
    .btncc {    margin-left: 31px;    margin-top: 6px;}
    .soustitre {font-family: 'Georgia', Serif; color: #707070; font-size: 16px;}
    p.text-right.plus.sommaireplus.origin.hidden-xs.hidden-sm {    position: relative;    top: 60px;}
    .text-right.sommaireplus.plus.plusinfo {margin-top: 44px;}
    #rezosociaux {    padding-left: 29px;    padding-right: 0px;}
    .titremettreneoeuvre {
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 14px;}
    ol {    margin-left: -26px;}

}
@media (min-width: 1023px) and (max-width: 1025px) {
	.aside6 {    padding-left: 10px;}
	a#btnsigmah {right: 0px;}
	p.plus2 { margin-right: -30px;}
	body {max-width: 1024px; overflow-x: hidden;}
	.btncc {margin-left: 19px;}
}


@media (min-width: 1200px) {
	.btnprj, .btnlog {margin-top: -15px;}
	.vousetesprets {margin-bottom: 47px;}
	.ensavoirplus {margin-top: -7px;}
	#menunav {font-size: 14px;}
	.list-inline > li {padding-left: 20px;  padding-right: 20px;}
	.btn {min-width: 145px; }
	div#blurp {margin-bottom:0;}
	a.btncc {	 position: relative;	right: 75px;	  width: 190px;}
	#asideproj #tdm > ul.spip li {	 margin-bottom: 33px;}
	.rowheader6 {padding: 15px 0px;}
.text-right.sommaireplus.plus.plusinfo {
    display: block;
    width: 140px;
    margin-top: -6px;
    margin-left: -28px;}
    p.plus2 {
    margin-right: 9px;
    margin-top: 0px;}
    .row.rowol {    padding-left: 16px;}
p.text-right.plus {top:0;}


a.btn.btn-warning.donation.btnfaireundon {max-height: 40px; max-width: 140px;}

#btnsigmah {
    width: 167px;
    padding: 9px 8px;
    min-width: 183px;
    margin-left: -17px;
}
.rowheader {
padding: 23px 0px;
margin: -10px 0px;
min-height: 99px;}
.article_bloc_titre {    margin-bottom: 20px;     margin-left: 15px;}
}