/* @override http://www.originefilms.fr/squelettes/Squelettes/theme/css/global.css */

/* @override http://www.originefilms.fr/squelettes/Squelettes/theme/css/global.css */

/* @override http://www.originefilms.fr/squelettes/Squelettes/theme/css/global.css */

/*
  style.css contains a reset, font normalization and some base styles.
   
  credit is left where credit is due.
  additionally, much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/
 
/*
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
article, aside, figure, footer, header,hgroup, nav, section { display:block; } 
nav ul { list-style:none; } 
blockquote, q { quotes:none; } 
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } 
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } 
ins { background-color:#ff9; color:#000; text-decoration:none; } 
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } 
del { text-decoration: line-through; } 
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } 
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; } 
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } 
input, select { vertical-align:middle; }
/* END RESET CSS */ 
 
/*
fonts.css from the YUI Library: developer.yahoo.com/yui/
          Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages
 
There are three custom edits:
 * remove arial, helvetica from explicit font stack
 * make the line-height relative and unit-less
 * remove the pre, code styles
*/
body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; } 
table { font-size:inherit; font:100%; } 
select, input, textarea { font:99% sans-serif; }
/* normalize monospace sizing
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/*
 * minimal base styles
 */

/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
body, select, input, textarea { color:#999999; }

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */

/**
* Typographie
* @section Typographie
* @see http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/
* @see http://www.alistapart.com/articles/howtosizetextincss
*
* La taille de base sera de 10px avec les valeurs par dfaut de police du navigateur :soit 16px
* formule :10px/16 = 0.625em 11px/16 = 0.6875em 12px/16 = 0.75em
* Pour fixer une hauteur de ligne par dfaut de 18px (valeur par dfaut sur la plus part des navigateurs)
* il faut modifier la hauteur de ligne par défaut en fonction de la taille de police par defaut
* 18/10 = 1.8em 18/11 = 1.6363em 18/12 = 1.5em
*/
html{font-size:100%;}
body{font:10px Arial,Helvetica,sans-serif;line-height:1.2;}
input,select,textarea{font-size:100%;}
/**
* Ainsi pour afficher une taille par dfaut de 20 px pour les titres H1 si la taille de police est de 10 px
* la formule est :20/ 10 = 2em
* l'attribut de font se lit ainsi font:taille-du-titre / hauteur-de-ligne-du-titre Liste des police et ordre d'application;*/
/*h1{font:2em/1.125 Arial,Helvetica,sans-serif;}
h2{font:1.8em/1.125 Arial,Helvetica,sans-serif;}
h3{font:1.6em/1.125 Arial,Helvetica,sans-serif;}
h4{font:1.4em/1.125 Arial,Helvetica,sans-serif;}
h5{font:1.2em/1.125 Arial,Helvetica,sans-serif;}
h6{font:1.1em/1.125 Arial,Helvetica,sans-serif;}*/
h1{font:1.5em/1.125 Arial,Helvetica,sans-serif;}
h2{font:1.25em/1.125 Arial,Helvetica,sans-serif;}
h3{font:1.083em/1.125 Arial,Helvetica,sans-serif;}
h4{font:1.4em/1.125 Arial,Helvetica,sans-serif;}
h5{font:1.2em/1.125 Arial,Helvetica,sans-serif;}
h6{font:1.1em/1.125 Arial,Helvetica,sans-serif;}
  
/* www.aestheticallyloyal.com/public/optimize-legibility/ */
h1,h2,h3,h4,h5,h6 { text-rendering: optimizeLegibility; }
 
/* maxvoltar.com/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; } 
  
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
cite,em,dfn{font-style:italic;}
code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea{font-size:100%;font-family:mono-space,monospace;}
pre{white-space:pre;}
pre *{font-size:100%;white-space:pre;}
del{text-decoration:line-through;}
ins,dfn{border-bottom:1px solid black;}
small,sup,sub{font-size:85%;}
big{font-size:125%;line-height:80%;}
abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em;}
abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted black;}
sup{vertical-align:super;}
sub{vertical-align:sub;}
blockquote{padding-left:2.2em;font-style:italic;}
:lang(af),:lang(nl),:lang(pl){quotes:'\201E' '\201D' '\201A' '\2019';}
:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro){quotes:'\201E' '\201C' '\201A' '\2018';}
:lang(da),:lang(hr){quotes:'\00BB' '\00AB' '\203A' '\2039';}
:lang(el),:lang(es),:lang(sq),:lang(tr){quotes:'\00AB' '\00BB' '\2039' '\203A';}
:lang(en-GB){quotes:'\2018' '\2019' '\201C' '\201D';}
:lang(fi),:lang(sv){quotes:'\201D' '\201D' '\2019' '\2019';}
:lang(fr){quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';}
*[lang|='en'] q:before{content:'\201C';}
*[lang|='en'] q:after{content:'\201D';}
*[lang|='en'] q q:before{content:'\2018';}
*[lang|='en'] q q:after{content:'\2019';}
input,select,button{cursor:pointer;}
input[type='text'],input[type='password']{cursor:text;}
input[type='hidden']{display:none;}

a {text-decoration:none;color:#999;}
a:hover {color:#fff;}
/*p {margin:0 0 0.5em 0;}
p+h2, ul+h2, ol+h2 {margin:1em 0 0.533em 0;}
p+h1, ul+h1, ol+h1 {margin:1.5em 0 1.111em 0;}
ol, ul {list-style:outside square;margin:0 0 0.667em 2em;}
ol li, ul li {margin:0 0 0.333em 0;}*/
 
/* make buttons play nice in IE:   
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
  
 
/* 
	Style du site
*/
body {padding:0 0 50px;}
#cinema {background:#1a1a1a;}
#instit {background:#0f1a1f;}
	/* mise en forme entete */
	#wrapEntete {position:relative;z-index:5;}
		#entete {margin:0 auto;width:1173px;position:relative;}
			#logo {display:block;text-align:center;margin:35px 0 24px;}
			#switchLang {position: absolute;right:110px;bottom:50px;list-style:none;}
				#switchLang li {float:left;font-size:10px;text-transform:uppercase;padding:0 0 0 0.25em;padding-left: 10px;}
					#switchLang li span {color:#fff;}
				
			
			/* navigation */
			#navigation {background: url(../img/fond/nav.png) no-repeat left top;height:47px;}
			#navigation ol {list-style:none;margin:0 0 0 162px;}
				#navigation ol a, #navigation ol span {display:block;}
				#navigation ol li:hover>span, #navigation ol span:hover {color: #fff;cursor:default;}
					#navigation ol>li.navActive>a, #navigation ol>li.navActive>span:first-child {color: #fff;}
				#navigation ol>li {float:left;position:relative;margin:0 0 0 103px;}
					#navigation ol>li:first-child {margin:0;}
					#navigation ol>li>a, #navigation ol>li.hasSubNav>span:first-child {font-size:20px;line-height:47px;}
				
				#navigation .wrapSubNav {
					background: url(../img/fond/nav-sub_rub-top.png) no-repeat left top;
					display:block;
					padding:8px 0 0;
					position: absolute;
					width:184px;
				}
					.hasJS #navigation .wrapSubNav {display:none;}
				#navigation .subNav {background:url(../img/fond/nav-sub_rub.png) no-repeat left bottom;font-size:15px;padding:0 12px 14px;}
					#navigation .subNav li {width:176px;}
					#navigation li.hasSubSubNav {width:349px;position:relative;}
						#navigation .hasSubSubNav .wrapSubNav {top:-8px;right:0;}
						#navigation .subSubNav {background:url(../img/fond/nav-sub_rub.png) no-repeat left bottom;padding:0 12px 14px;}
			/* recherche */
			#recherche {float:right;margin:11px 86px 0 0;}
				.hasJS #recherche label {display: none;}
				#recherche .col {float:left;margin:0 0 0 10px;}
					#recherche input[type='text'] {
						background: url(../img/fond/recherche9.png) no-repeat left top;
						border:0;
						font: bold 10px Helvetica,Arial,sans-serif;
						padding:0 11px;
						height:23px;
						width:117px;
					}
					#recherche input[type='image'] {margin:1px 0 0;}
	/* mise en  forme fil d'ariane */
	#filAriane {overflow:hidden;padding:0 0 1em 74px;}
		#filAriane ol {list-style:none;}
		#filAriane li {float:left;padding:0 0.25em 0 0;font-size:9px;font-weight:bold;}
		#filAriane a {padding:0 0.25em 0 0;}

	/* mise en forme du contenu */
	#wrapContenu {margin:10px auto 0;width:1000px;overflow:hidden;}
		#contenuPrincipal {
			border-right:1px dashed #999;
			font: bold 11px Helvetica,Arial,sans-serif;
			float:left;
			width:669px;
			padding:0 10px 0 10px;
		}
		.wrapVisuVideo {
			padding:5px 10px 31px 6px;
			position:relative;
			left:-6px;
			top:-5px;
			height:365px;
			width:653px;
		}
			#enteteArticle .wrapVisuVideo{height:525px;width:955px;}
		.wrapContenuBloc {width:653px;}
		#contenuPrincipal h1 {font-size:38px;font-weight:bold;}
		#contenuPrincipal h2 {font-size:18px;font-weight:bold;margin:0 0 5px;}
		#contenuPrincipal p {margin:0 0 40px;}
		.blocActu:hover {color:#fff;}
		.secondeActu {margin-top:55px;}
	/* mise en forme de l'aside */
	#contenuSecondaire {float:left;padding:0 0 0 15px;}
		#contenuSecondaire #titreAside {
			background: url(../img/fond/titre_aside.png);
			font-weight: bold;
			font-size: 13px;
			line-height: 30px;
			margin:0 0 0 2px;
			padding: 1px 10px 0;
		}
		#contenuSecondaire .blocAside {margin: 0 0 15px;}
			#contenuSecondaire .hover {color:#fff;cursor:pointer;}
				#contenuSecondaire .hover a {color:#fff;}
			#contenuSecondaire .blocAside figure {
				padding: 15px 15px 6px 0;
				margin-left: 0;
			}
			#contenuSecondaire .blocAside .wrapBlocAside {margin:0 0 0 2px;width:183px;}
				#contenuSecondaire .blocAside .wrapBlocAside h1 {font-size:19px;font-weight:bold;}
				#contenuSecondaire .blocAside .wrapBlocAside h2 {font-size:12px;font-weight:bold;line-height:15.3px;}
				#contenuSecondaire .blocAside .wrapBlocAside p {font-size:10px;font-weight:bold;margin:5px 0 0;}

	/* mise en forme page catalogue */
	#wrapCatalogue {margin:0 auto;width:860px;}
		#wrapCatalogue .ligneCatalogue {border-top:1px dashed #343434;overflow:hidden;}
			#wrapCatalogue .premiereLigne {border:0 none;}
			#wrapCatalogue .blocCatalogue {background: transparent;float:left;height:300px;width:215px;}
			#wrapCatalogue .hover {background: url(../img/fond/bloctrans_instit.png);cursor:pointer;color:#fff;}
				#wrapCatalogue .hover a {color:#fff;}
				#wrapCatalogue .blocCatalogue figure {
					padding:15px;
					width:182px;
					height:101px;
				}
				#wrapCatalogue .wrapContenuBlocCata {padding:0 15px;}
					#wrapCatalogue .wrapContenuBlocCata h1 {font-size:22px;line-height:22px;font-weight:bold;}
					#wrapCatalogue .wrapContenuBlocCata h2 {font-size:12px;line-height:15px;font-weight:bold;}
					#wrapCatalogue .wrapContenuBlocCata p {margin:9px 0 0;}
		#wrapPaginationCata {text-align:right;font-size:13px;padding:10px 67px 10px 0;}
			#wrapPaginationCata a {padding:0 0.25em;}
			#wrapPaginationCata span {color: #fff;font-size:25px;font-weight:bold;}
	/* mise en forme page article */
	#enteteArticle {}
		/*#enteteArticle .wrapVisuVideo {float:left;margin:0 0 0 16px;top:0;}*/
		#enteteArticle .wrapVisuVideo {width:955px;margin:0 0 0 16px;top:0;margin-bottom: 35px;}
		#mosaicArticle {float:left;width:215px;}
			#mosaicArticle figure {
				background: url(../img/fond/video_visu-vignette_mosaic.png) no-repeat left top;
				float:left;
				padding:5px 10px 11px 6px;
				margin: 0 3px 4px 3px;
				/*height:76px;*/
				/*width:200px;*/
			}
	/*#articlePrincipal {clear:both;color:#fff;font: bold 12px Helvetica,Arial,sans-serif;width:955px;margin:0 0 0 16px;}*/
	#articlePrincipal {clear:both;color:#dcdcdc;font: bold 12px Helvetica,Arial,sans-serif;width:736px;margin:0 0 0 16px;float:left;}
		#articlePrincipal h1 {font-size:45px;font-weight:bold;}
		#articlePrincipal h2 {font-size:19px;font-weight:bold;}
		#articlePrincipal p {line-height:19px;margin:25px 0 0;}
		#articlePrincipal p strong, #articlePrincipal p b {color: #fff;
			font-size: 17px;
		}
		#articlePrincipal .lienArticle {color:#ccc;}
			#articlePrincipal .lienArticle:hover {color:#999;}

		#articlePrincipal #wrapEquipe {overflow:hidden;margin:19px 0;}
			#articlePrincipal #wrapEquipe h1 {font-size:20px;font-weight:bold;}
			#articlePrincipal #wrapEquipe ul {list-style:none;margin:0;}
			#articlePrincipal #wrapEquipe li {display:inline;line-height:19px;}
			#articlePrincipal #wrapEquipe span {color:#999;}
			#articlePrincipal #wrapEquipe .caractencadre-spip{color:#999;font-weight:normal;}
		#lienRetour {
			background: url(../img/fond/titre_aside.png);
			display:block;
			float:left;
			font: bold 15px/37px Helvetica,Arial,sans-serif;
			margin:20px 0 0 12px;
			padding:0 30px;
			width:55px;
			clear: both;
		}
	/* mise en forme contact */
	.contact #articlePrincipal form {font: bold 17px/37px Helvetica,Arial,sans-serif;}
		.contact #articlePrincipal form .row {margin:17px 0 0;}
		.contact #articlePrincipal .erreurForm {color:red;font: bold 10px/15px Helvetica,Arial,sans-serif;}
		.hasJS #articlePrincipal form label {display:none;}
		#articlePrincipal form input {background: url(../img/fond/titre_aside.png);border:0 none;height:37px;font-family:Helvetica,Arial,sans-serif;padding:0 10px;}
			#articlePrincipal form input[type='text'] {width:380px;}
		#articlePrincipal form textarea {background: url(../img/fond/titre_aside.png);border:0 none;font-family:Helvetica,Arial,sans-serif;padding:0 10px;min-height:305px;width:380px;}
		#articlePrincipal form input[type='submit'] {text-align:left;width:205px;}
	/* mise en forme du pied */
	#piedSite {margin:0 auto;width:1000px;text-align:center;font-size:11px;font-weight:bold;padding:25px 0;}
		#piedSite ul {list-style:none;}
		#piedSite li {display: inline;}
		#piedSite li a {padding:0 0.25em 0 0;}

	/*Menu de langue*/
	#formulaire_menu_lang{width:150px;}

							






/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:9px; height:7px; background:url(../img/colorbox/top_left.png) no-repeat 0 0;}
    #cboxTopRight{width:15px; height:7px; background:url(../img/colorbox/top_right.png) no-repeat 0 0;}
    #cboxBottomLeft{width:9px; height:17px; background:url(../img/colorbox/bottom_left.png) no-repeat 0 0;}
    #cboxBottomRight{width:15px; height:17px; background:url(../img/colorbox/bottom_right.png) no-repeat 0 0;}
    #cboxMiddleLeft{width:9px; background:url(../img/colorbox/left.png) left top repeat-y;}
    #cboxMiddleRight{width:15px; background:url(../img/colorbox/right.png) right top repeat-y;}
    #cboxTopCenter{height:7px; background:url(../img/colorbox/top.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:17px; background:url(../img/colorbox/bottom.png) 0 0 repeat-x;}
    #cboxContent{background:#121212;}
        .cboxIframe{background:#757575;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:0px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:#121212;}
        #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:-9px; right:-9px; background:url(../img/colorbox/close.png) no-repeat 0 0; width:30px; height:30px; text-indent:-9999px;}
        #cboxClose:hover{position:absolute; top:-9px; right:-9px; background:url(../img/colorbox/close.png) no-repeat 0 0; width:30px; height:30px; text-indent:-9999px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(../img/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../img/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../img/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../img/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../img/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../img/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../img/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../img/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}



/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; } 
  a, a:visited { color: #444 !important; text-decoration: underline; } 
  a:after { content: " (" attr(href) ")";font-size: 90%; } 
  abbr:after { content: " (" attr(title) ")"; font-size: 90%; }   
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }   
  img { page-break-inside: avoid; } 
  @page { margin: 0.5cm; } 
  p, h2, h3 { orphans: 3; widows: 3; } 
  h2, h3{ page-break-after: avoid; }
}
 
/*
 * Media queries for responsive design
 */
 
@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */
   
}
 
@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */
   
}
 
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) 
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
   
   
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}

/* Logos, documents et images */
.spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }