<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: aigp
Theme URI: http://www.ateliergrandparis.com
Description: Theme de l'atelier International du Grand Paris
Version: 0.1
Author: Emmanuel Jouannais pour l'Atelier International du Grand Paris
*/
html,body {margin:0; padding:0; height:100%; width:100%;}
body { background:#FFFFFF; overflow:auto; }
a:hover {color:#FF0000}
a:visited { color:#444}
.aucentre { margin-left: auto; margin-right: auto; width:100%; max-width:910px; padding:0 5px }
.gauche {width:345px; text-align:justify; }

#menu { margin-left: auto; margin-right: auto; width:910px; color: #333; vertical-align:middle; z-index:11; position: relative; margin-top:6px}
#menu a {color: #333; background-color: white}
#menu a:hover {color: #FC0; text-decoration:none; -webkit-transition-property: color;
-webkit-transition-duration: 0.5s;
-moz-transition-property: color;
-moz-transition-duration: 0.5s;
transition-property: color;
transition-duration: 0.5s; }
#menu h3 {font-size:12px; float:left; padding:0 9px;  margin:10px 0; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
#menu h3:hover { color: #FC0; text-decoration:none; -webkit-transition-property: color;
-webkit-transition-duration: 0.5s;
-moz-transition-property: color;
-moz-transition-duration: 0.5s;
transition-property: color;
transition-duration: 0.5s;}
#menu h3 a { font-size:12px; text-transform:uppercase; font-weight:normal; font-family:Arial, Helvetica, sans-serif }
#menu h3 div {font-size:11px ; margin:0; padding:0; visibility:hidden; position:absolute; background-image:url(../../../../vegas/overlays/18.png) }
#menu h3:hover div {visibility: visible}
#menu h3 div p {font-size:11px; padding:4px 10px; margin:0 }
#menu h3 div p:hover {  }
/* sous menu --------------------------------------*/

.under { margin:10px 0 20px 0; padding:4px; background-color:white; text-align: right}
.under h1 {font-family:"AlteHaasGrotesk", Arial, Helvetica, sans-serif; font-size:64px; color: #222; letter-spacing:-3px; text-decoration:none; line-height:50px; padding:0; margin:0 4px 10px 0;}
.under h3 {font-size:11px; display: inline-block; float:left; padding:1px 8px; margin:0; border-left:2px solid #ccc; background-color:white; font-weight:normal; text-transform:uppercase }
.under h3 a:hover { color: #ED1C24; text-decoration:none;  -webkit-transition-property: color;
-webkit-transition-duration: 0.5s;
-moz-transition-property: color;
-moz-transition-duration: 0.5s;
transition-property: color;
transition-duration: 0.5s;}
.under h3 a { font-size:11px; text-transform:uppercase; text-decoration:none; font-weight:normal }
.under h3 div {font-size:10px ; margin:0; visibility:hidden; position:absolute; border-right:1px dotted #CCC; background-color:#FFFFFF; z-index:10 }
.under h3:hover div {visibility: visible}
.under h3 p {font-size:10px; margin:0; padding:4px 4px 2px 2px; background-color:white; text-align:left }
.under span {display: inline-block; float:left; font-size:12px; padding:1px 8px; margin:0 0 0 2px; background-color:white; font-weight:normal; text-transform:uppercase}
.under span a { text-decoration:none; color:#333333 }
.under span a:hover { color: #ED1C24; text-decoration:none;  -webkit-transition-property: color;
-webkit-transition-duration: 0.5s;
-moz-transition-property: color;
-moz-transition-duration: 0.5s;
transition-property: color;
transition-duration: 0.5s;}
.under span div { margin:0; visibility:hidden; position:absolute; border-right:1px dotted #CCC; background-color:#FFFFFF; z-index:10 }
.under span:hover div {visibility: visible}
.under span p {font-size:11px; margin:0; padding:4px 4px 2px 2px; background-color:white; text-align:left }

#logo { position:absolute; z-index:100; background-color:#FFFFFF }

/* pieds de page --------------------------------------*/
.pieds { padding:4px 0 0 0; font-variant:small-caps; color:#333; background-image:url(../../../../vegas/overlays/18.png); background-color:grey; height:410px }
/*.pieds a { background-color:white; margin:0}*/
.pieds div {  float:left; margin:0 0 0 20px; display:inline-block; line-height:24px; width:176px; text-align:left }
.pieds div a {color: #333; background-color:white; text-decoration:none; line-height:14px}
.pieds div a:hover {color: #F90; background-color:white; text-decoration:none;}
.pieds div h2 { letter-spacing:-1px; padding-left: 4px; line-height:20px}
.pieds div h2 a { line-height:20px}
.pieds h3 { font-size:14px; margin:12px; line-height:5px; }
.pieds h3 a {font-size:14px; color:#333; text-decoration:none; font-weight:normal;}
.pieds h3 a:hover  { text-decoration:none; color:#F90; }
.pieds h4 { margin:12px; font-size:14px; line-height:15px; color:#333; }
.pieds h4 a { color:#333; }
.pieds h4 a:hover {text-decoration:none; color:#F90;}

.autour { margin:0 auto; width:100%; vertical-align:middle; }
.droite { text-align:right }
.droite img { border:1px solid #ccc}
.droite img:hover { border:1px solid red}
.diapo img { margin:3px;}
.oursdiapo { font-family: "Courier New", Courier, monospace; font-size: 12px; font-weight: bold; line-height:9px; letter-spacing:-1px; background-color:#dddddd; color:#333; padding:2px; word-spacing:-2px }
.diapo a [title] { opacity:0;}
.diapo1 {display:inline-block}
.diapo2 { margin:2px; visibility:hidden; position:absolute; width:220px; height:110px; opacity: .7; filter: alpha(opacity=70); -moz-opacity: .7; vertical-align:bottom; text-align:center; display:inline }
.diapo2 h2 { background-color:white; margin-top:70px}
.cs {margin:40px 0; border:1px solid #ccc; padding:10px}
.cs h3 {padding:20px}
.cartes { display:inline-block; border:1px solid #ccc  }
.cartes h2 { background-color:white; display:inline; position:absolute; width:282px; opacity: .7; filter: alpha(opacity=70); -moz-opacity: .7; vertical-align: middle; text-align:center; margin-top:70px }
.cartes h2:hover { color:red }
.divA { margin:9px 8px 9px 2px; }
.divB { margin:9px }
.divC { margin:9px 2px 9px 8px }
.methodo h5 { float:left; width:180px; margin:0 10px 10px 0; font-size:13px; color: #666; font-weight:bold; padding:0 8px 0 0; text-align:left}
.methodo h4 { font-weight:bold; font-size:15px}
.methodo h3 { font-weight:bold; text-transform:uppercase}
.methodo span { margin: 4px 0 4px 26px; display:inline-block; float:right}
.inline { display:inline}
.box img { margin:4px; padding:0; border:0}

@font-face {
    font-family: "AlteHaasGrotesk";
    src: url('../../../../AlteHaasGroteskRegular.ttf');
}

@font-face {
    font-family: "AlteHaasGrotesk";
    font-weight: bold;
    src: url('../../../../AlteHaasGroteskBold.ttf');
}

.trans { opacity: .8; filter: alpha(opacity=80); -moz-opacity: .8; position:absolute;}

.ateliers  { opacity: .7;
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	position:absolute;
	background-color:white;
	padding:2px;
	padding:4px; }
	
#contenu {
	width:400px;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background:#eee;
	padding:20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
#contenu h1 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; margin:4px; font-weight:normal; text-transform:uppercase; text-align:center}
#contenu h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:normal; text-transform:uppercase;}
#contenu h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin:4px 0px; }
#contenu img {margin:2px 0px 6px 0px}

.flotant { opacity: .8; filter: alpha(opacity=80); -moz-opacity: .8; z-index:13; position:absolute; text-align:right; }
.centre { width:900px; position:relative; margin-left: auto; margin-right: auto; }
.fontblanc { padding:2px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#333333; font-variant:small-caps;}
.fontblanc a { color:#333333; text-decoration:none;}
.fontblanc a:hover { text-decoration:underline}

.Mworkshop { float:left; margin:8px 10px 0 5px}
.Wtable { border-collapse:collapse; }
.Wgauche { float:left; width:215px; padding:5px 70px 10px 0}
.Wdroite { padding-top:8px; vertical-align:top; text-align:justify; }
.Wprojets { text-align:justify; border-top:1px dotted #666666; border-bottom:1px dotted #666666; }
.Wligne { border-top:2px dotted #666666}

a.info { position: relative; text-decoration: none; color: #333333; }
a.info span { display: none; }
a.info:hover { z-index: 500; color: red; }
a.info:hover span { display: inline; position: absolute; top: 30px; left: 0; background: white; text-align: justify; color: #333333; padding: 4px; border: 1px solid #999999; width:250px }

.top { font-family:Arial, Helvetica, sans-serif; font-size:120px; color:#333333; letter-spacing:-2px; text-decoration:none; text-align:right; }
.top a { text-decoration:none;}
.top a:hover { color:red; text-decoration:none;}

.gt { font-family:"AlteHaasGrotesk", Arial, Helvetica, sans-serif; font-size:50px; color:#333333; letter-spacing:-3px; text-decoration:none; line-height:50px }
.datecroaif { color:#39C; font-family: "Courier New", Courier, monospace; font-weight:bold; font-size:20px; letter-spacing:-2px; line-height:16px; text-transform:uppercase}
.datecroaif a { color:#39C; font-family: "Courier New", Courier, monospace; font-weight:bold; font-size:20px; letter-spacing:-2px; line-height:16px; text-transform:uppercase; text-decoration:none}
.datecroaif a:hover { text-decoration:underline}
.datecroaif a:visited { color:#39C}
.croaif ul { list-style:square; margin:0; padding:0 14px}
.croaif li { margin:5px 0px}
.cycle2 {color:#E6C400; font-family: "Courier New", Courier, monospace; font-weight:bold; font-size:20px; letter-spacing:-2px; line-height:16px; text-transform:uppercase; }
.cycle2 a {color:#E6C400; font-family: "Courier New", Courier, monospace; font-weight:bold; font-size:20px; letter-spacing:-2px; line-height:16px; text-transform:uppercase; text-decoration:none }
.cycle2 a:hover { text-decoration:underline}

.orange { font-weight:bold; letter-spacing:-1px; line-height:16px; font:Arial, Helvetica, sans-serif 12px }
.orange a { color:#C60; text-decoration:none}
.orange a:hover { color:#C60; text-decoration:underline}

h1 { font-family: Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#333333; text-transform:uppercase; letter-spacing:-2px; word-spacing:-2px;  }
h1 a { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#333333; text-decoration:none; text-transform:uppercase;}
h1 a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:red; text-decoration:none; text-transform:uppercase;}
h1 span { font-size:12px; letter-spacing:normal}

h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#555; text-decoration:none; text-transform:uppercase;  }
h2 a { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#555; text-decoration:none; text-transform:uppercase; }
h2 a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:red; text-decoration:none; text-transform:uppercase; }
h2 span { font-size:16px; }

h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#111111; font-variant:normal; }
h3 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#003872; font-variant:normal; text-decoration:none;}
h3 a:hover  { text-decoration:underline; }
h3 ol li a { color:#333}
h3 ol li a:hover { color: #666}
ol li h3 { padding-top:6px; border-top: 1px dotted #999 }

.eth3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#111111; font-variant:normal; }
.eth3 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#111111; font-variant:normal; text-decoration:none;}
.eth3 a:hover  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#111111; font-variant:normal; text-decoration:underline; }

h4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#111111; }
h4 a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#003872; text-decoration:none;  }
h4 a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:red; text-decoration:none; } 

h5 { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#111111; }
h5 a { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#003872; text-decoration:none; }
h5 a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:red; text-decoration:none; } 

h6 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#111111; font-variant:small-caps; border-top:1px #111111 dotted; padding:1px; }
h6 a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#003872; text-decoration:none; background-color: #FFF; }
h6 a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:red; text-decoration:none; }

h7 { font-family:Arial; font-size:13px; font-weight:bold; color:#222 }
h7 a { font-family:Arial; font-size:13px; font-weight:bold; color:#222; text-decoration:none; }
h7 a:hover { color:#222; text-decoration:underline; }

h8 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#111111; text-transform:uppercase  }
h8 a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#003872; text-decoration:none;}
h8 a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:red; text-decoration:none; }

h9 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#111111; font-variant:normal;  }
h9 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; font-variant:normal; color:#003872; text-decoration:none;}
h9 a:hover  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:red; text-decoration:none; }

h10 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#fff; text-transform:uppercase; letter-spacing:-1px; line-height: 14px }
h10 a { color:#fff; text-decoration:none;}
h10 a:hover  { text-decoration:underline; }
h10 a:visited { color:#eee}

h11 { display: inline-block; margin:2px 20px 0 0; padding:2px; font-size:14px; font-weight:bold; float:left; font-family:Verdana, Geneva, sans-serif;}

.bas { text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; border-top:1px solid #333333; padding:4 0 0 0; }

table { font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#111111; }
.gp a  { font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight:normal; color:#111111; text-decoration:none; }
.gp a:hover { text-decoration:none; color:red; }

.T1 { margin-top:5px; color:#111111; border-collapse:collapse; }
.T1 td { margin:0px; color:#111111;}
.T1 a { color:#111111; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-variant:small-caps; text-decoration:none; font-weight:
bold; }
.T1 a:hover { text-decoration:underline; color:#111111; font-variant:small-caps; font-weight:
bold;  }

.T2{ border-collapse:collapse; }
.T2 td {  font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#111111; font-variant:small-caps; border-top:2px #666 dotted; padding:6 0;}
.T2 a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#111111; font-variant:small-caps; text-decoration:none; }
.T2 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:red; font-variant:small-caps; text-decoration:none; }

.T3 {  margin-top:10px; color:#111111; border-collapse:collapse; }
.T3 td { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#111111; }
.T3 a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#111111; text-decoration:none; }
.T3 a:hover { color:red; text-decoration:none; }

.T4 { border-collapse:collapse; }
.T4 td { padding:2px 0; }
.T4 a { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#111111; font-variant:small-caps; text-decoration:none;  }
.T4 a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:red; font-variant:small-caps; text-decoration:none; }

.T5 { border-collapse:collapse; }
.T5 td { border-top:1px #666 dotted; padding:6px 0 6px 0; }
.T5 a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;  text-decoration:none;  }
.T5 a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:red; text-decoration:none; }

.T6 { margin-top:5px; color:#111111; border-collapse:collapse; border-top:1px dashed #111111;}
.T6 td { margin:0px; color:#111111; border-top:1px solid #999999; }
.T6 a { color:#111111; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-variant:small-caps; text-decoration:none; font-weight:
bold; }
.T6 a:hover { text-decoration:underline; color:#111111; }

.T7 { border-collapse:collapse; }
.T7 td { padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #999999; vertical-align:top; }
.T7 a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#003872; text-align:justify; }
.T7 a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:red; text-decoration:none; }

.T8 { border-collapse:collapse; }
.T8 td { padding:4px 2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-top:1px #666 dotted; vertical-align:top; }
.T8 a { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#003872; text-align:justify; }
.T8 a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:red; text-decoration:none; }
.T8 h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#666666; font-variant:small-caps; }
.T8 h2 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#666666; text-decoration:none; font-variant:small-caps; }
.T8 h2 a:hover  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:red; text-decoration:none; font-variant:small-caps; }
.T8 h4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#111111; }
.T8 h4 a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#111111; text-decoration:none;  }
.T8 h4 a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:red; text-decoration:none; } 
.T8 ul { list-style: square; font-size:12px; font-weight:normal; color:#003872; margin:5px; }
.T8 li { margin:5px; }
.animarep { border:1px solid grey; }
.animarep a { color:white; text-decoration:none; }
.animarep a:hover { color:white; text-decoration:underline; }

.construire {  }
.construire td { font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px dotted #999999; vertical-align:top; text-align:justify }

.T9 { border-collapse:collapse; margin-top:20px}
.T9 td { padding:4px; vertical-align:top; }
.T9 a { text-decoration:none; color:#333333; }
.T9 a:hover  { color:black; text-decoration:underline; }

.T10 { border-collapse:collapse; margin-top:20px;}
.T10 td { vertical-align:top; margin:0; padding:2px }
.T10 td h3 { border-top:1px dotted #333; padding:10px 0 0 20px; margin:0 10px; }
.T10 ul { padding:0; margin:0;}
.T10 li { font:Arial, Helvetica, sans-serif 12px; padding:5px 0; list-style-position:inside;}

.T11 { border-collapse:collapse; }
.T11 th { padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #999999; vertical-align:top; text-align:center }
.T11 td { padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #999999; vertical-align:top; text-align:right }
.T11 a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#003872; }
.T11 a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:red; }


.frame1 { width: 270px; height: 390px; border-top:2px black dashed; border-bottom:2px black dashed; padding:4px 0 4px 0; }

#map_canvas { height: 100% }

#map {
	position:absolute;
	top:50%;
	left:50%;
	margin:-300px 0 0 -450px;
	width:900px;
	height:600px;
}

.gauche {text-align:justify; width:270; }
.left {text-align:justify; }

.ours ul { list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#003872; margin:0 ; 
    padding:0 ; }
.ours li { border-top:1px dotted #333333; }
.ours li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#003872; text-decoration:none; }
.ours li a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:red; text-decoration:none; }

.ours9 ul { list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#003872; margin: 0 ; 
    padding: 0 ; }
.ours9 li { border-bottom:1px dotted #111111; padding:0 0 10px 0 }
.ours9 li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#003872; text-decoration:none;  }
.ours9 li a:hover  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:red; text-decoration:none; }

.biblio ul { list-style:none inside; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#333333; margin: 0 ; 
    padding: 0 ; }
.biblio li { border-top:1px dotted #cccccc; padding:0 0 15px 0; }
.biblio li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#003872; text-decoration:none; }
.biblio li a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:red; text-decoration:none; }

.lemenu { border:0; margin:0 0 6px 0; padding:0; border-collapse:collapse; }
.lemenu td { border:0px; margin:0px; padding:0 0 0 20px; font-family:Arial; font-size:11px; font-weight:bold; color:#222; }
.lemenu td a { color:#222; text-decoration:none; padding-left:8px; }
.lemenu td a:hover { color:#222; text-decoration:underline; }

.lemenu9 { border:0; margin:0 0 6px 0; padding:0; border-collapse:collapse;}
.lemenu9 td { border:0px; margin:0px; padding:0 0 0 10px; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#222; }
.lemenu9 td a { color:#222; text-decoration:none;}
.lemenu9 td a:hover { color:#222; text-decoration:underline; }

.sousmenu9 { border:1px dotted #666666 ; border-collapse:collapse; background:#fff; opacity: .9; filter: alpha(opacity=90); -moz-opacity: .9; margin:0; }
.sousmenu9 td { font-size:11px; font-weight:bold; color:#111; border-top:1px dotted #111111; padding:2px 10px 1px 5px; text-transform: uppercase}
.enattente9 { font-size:11px; color:#ccc; }
.sousmenu10 { border:1px dotted #666666 ; border-collapse:collapse; background:#fff; opacity: .9; filter: alpha(opacity=90); -moz-opacity: .9; margin:0; }
.sousmenu10 td { font-size:11px; font-weight:bold; color:#111; border-top:1px dotted #111111; padding:2px 10px 1px 5px; text-align:left }

.sousmenu { border:1px solid #666666 ; border-collapse:collapse; background:#fff; opacity: .9; filter: alpha(opacity=90); -moz-opacity: .9; margin-left:6px; }
.sousmenu td { font-size:10px; font-weight:bold; color:#111; border-top:1px dashed #111111; padding:2px 10px 1px 5px; }
.enattente  { border-collapse:collapse; padding:0; margin:0}
.enattente  td { font-size:13px; font-variant:small-caps; color:#ccc; border-top:1px dashed #111111; padding:2px 10px 1px 5px; }

#footer { padding:15px 0 5px 0; color:#999; border-top:1px dotted #999999 }
#footer a {color:#111111; text-decoration:none; }
#footer a:hover {color:#111111; text-decoration:underline; }

.lehaut { position:absolute; z-index:10; margin:10px 0 0 546px; font-family:Arial, Helvetica, sans-serif; border-collapse:collapse; }
.lehaut h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#555; text-transform:uppercase; }
.lehaut h2 a { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#555; text-decoration:none; text-transform:uppercase; }
.lehaut h2 a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:red; text-decoration:none; text-transform:uppercase; }
.lehaut td { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; border-top:1px dotted #333333; padding:4px 0 1px 0 }
.lehaut a { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#003872; text-align:justify; font-weight:bold; }
.lehaut a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:red; text-decoration:none; font-weight:bold; }

.glossaire { border-collapse:collapse; }
.glossaire td { background-color:#eeeeee; margin:4px; }
.glossaire td h2 { float:left; margin:0 40px 0 0}
.glossaire td h2 a { font-size:24px}
.glossaire dl { list-style:none inside; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#333333; margin: 0 ; padding: 0 ; }
.glossaire dt { border-top:1px dotted #cccccc; font-weight:bold }
.glossaire dd { padding:0 0 15px 0; }
.glossaire dd a { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#003872; text-decoration:none; }
.glossaire dd a:hover { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:red; text-decoration:none; }
.menuglossaire { list-style:none inside; }
.menuglossaire li { display: inline ; padding:4px; border:2px solid white; }
.menuglossaire li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#111111; font-variant:normal; text-decoration:none;}
.menuglossaire li a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:red; font-variant:normal; text-decoration:none; }


#fl_menu{position:absolute; top:50px; left:0px; z-index:9999; width:600px; height:200px;}
#fl_menu .label{padding-left:20px; line-height:50px; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; background:#000; color:#fff; letter-spacing:7px;}
#fl_menu .menu{display:none;}
#fl_menu .menu .menu_item{display:block; background:#000; color:#bbb; border-top:1px solid #333; padding:10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
#fl_menu .menu a.menu_item:hover{background:#333; color:#fff;}

.acceuil { text-align:right}
.acceuil a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#660000; text-decoration:none; font-variant:small-caps; border:1px solid #660000; padding:1px 6px; font-weight:bold}
.acceuil a:hover  { color:white; background-color:#660000}

.annonce { width:215px; padding:10px; font-size:10px; text-align:left; background-image:url(http://www.ateliergrandparis.com/news/wp-content/themes/aigp/ateliersdebats/fond.gif)}
.annonce a { text-decoration:none; font-size:13px; color:white}
.annonce a:hover  { text-decoration:underline}
.annonce h2 a {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:black; font-variant:normal; text-decoration:none;}
.annonce h2 a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:black; font-variant:normal; text-decoration:underline; }

.partenaires { padding:4px; font-size:10px; text-align:justify; color:#999; border-top:1px dotted #666666; border-collapse:collapse; }
.partenaires a { text-decoration:none; font-size:12px; color:#666;  padding:0 6px 0 0; border-right:1px solid #666}
.partenaires a:hover  { text-decoration:underline}
.partenaires h3 { float:left; }
.partenaires h3 a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-decoration:none;}
.partenaires h3 a:hover  {  text-decoration:underline; }

.lieux { padding:4px; font-size:10px; text-align:justify; color:#999; border-top:1px dotted #666666; border-collapse:collapse; }
.lieux a { text-decoration:none; font-size:12px; color:#333;  padding:0 6px 0 0; border-right:1px solid #666}
.lieux a:hover  { text-decoration:underline}
.lieux h3 { float:left; border-bottom:1px dotted #666666; padding-bottom:10px}
.lieux h3 a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; text-decoration:none; font-variant:normal; }
.lieux h3 a:hover  { text-decoration:underline; }

.fiches { width:400px; background-color:white; opacity: .8; filter: alpha(opacity=80);	-moz-opacity: .8; border:1px solid #CCC; }
.fiches td { padding:4px; font:Arial, Helvetica, sans-serif #666666; vertical-align:top; margin:0; color:#666666; font-size:10px; }
.fiches h2 { color:#33FFFF; font-size:34px; line-height:28px; border-left:4px solid #3FF; }
.fiches h3 { font-weight:bold; font-variant:small-caps; text-align:right; line-height:14px; border-right:4px solid #3FF; font-size:12px;}

.fichescroaif

.legende { opacity: .9; filter: alpha(opacity=90);	-moz-opacity: .9; border-collapse:collapse; }
.legende ul { list-style:none inside; background-color:white;  }
.legende li { display:inline; padding:4px; border:1px solid grey; margin:2px }
.legende img { width:24px}
.legende li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#111111; text-decoration:none;}
.legende li a:hover { color:red; text-decoration:none; }

.facebook {}
.facebook a {background: url(../../../../images/accueil/facebook-gris.png) no-repeat; text-decoration:none; color: #666}
.facebook a:hover {background: url(../../../../images/accueil/facebook-footer.png) no-repeat; text-decoration:none; color:#FF0000}

.twitter {}
.twitter a {background: url(../../../../images/accueil/twitter-gris.png) no-repeat; text-decoration:none; color: #666}
.twitter a:hover {background: url(../../../../images/accueil/twitter.png) no-repeat; text-decoration:none; color:#FF0000}

.note { padding:9px; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:10px; border:1px solid #AAAAAA; color:#555 }
.note a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#444; text-decoration:none; font-variant:small-caps; }
.note a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:red; text-decoration:none; font-variant:small-caps; }

.stage { border:2px solid #CCC; padding:6px; margin-top:6px; margin:5px}


.floatleft { float:left}

.baccueil h4 { font-size:11px; font-weight:bold; color:#111111; border-top:1px dotted #111111; text-transform:uppercase }
.baccueil h4 a { font-size:11px; color:#111111; text-decoration:none; text-transform:uppercase; font-weight:bold  }
.baccueil h4 a:hover { font-size:11px; color:red; text-decoration:none; font-weight:bold } 

.categories { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#111111; text-align:right; }
.categories a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#003872; text-decoration:none;}
.categories a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:red; text-decoration:none; }

.article { width:100%; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#666666;}

.titre { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#003872; }
.titre  a { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#003872; text-decoration:none; }
.titre  a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:red; text-decoration:none; }

.post_content { font:Arial 12px normal; color:#111111; text-align:justify; width:100%}
.post{ border-top:1px #333 dotted; margin-top:10px;
}

.submit{
     border:none;
     color:#333;
     background: transparent url('images/rechercher.gif') no-repeat top left;
     width:75px;
     height:20px;
	 }
a:hover input.submit {
cursor:pointer;
color:#660000;
background-image: url('images/rechercher2.gif');
}

a img {border: 0; padding-right:10px;}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}

.sidebar { width:250px}
.sidebar h1 { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#333333; font-variant:small-caps;  }
.sidebar h1 a { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#333333; text-decoration:none; font-variant:small-caps;}
.sidebar h1 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:red; text-decoration:none; font-variant:small-caps;}
.sidebar a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; }
.sidebar a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:red; text-decoration:none; }
.sidebar ul { list-style:none inside; margin: 0 ; padding: 0 ;}
.sidebar ul li { padding:1px}

.lemenu { border:0; margin:0 0 6px 0; padding:0; border-collapse:collapse; }
.lemenu td { border:0px; margin:0px; padding:0 0 0 20px; font-family:Arial; font-size:11px; font-weight:bold; color:#222; }
.lemenu td a { font-family:Arial; font-size:11px; font-weight:bold; color:#222; text-decoration:none; padding-left:8px; }
.lemenu td a:hover { font-family:Arial; font-size:11px; font-weight:bold; color:#222; text-decoration:underline; }

.sousmenu { border:1px solid #666666 ; border-collapse:collapse; background:#fff; opacity: .8; filter: alpha(opacity=80); -moz-opacity: .8; margin-left:6px; }
.sousmenu td { font-size:10px; font-weight:bold; color:#111; border-top:1px dashed #111111; padding:2px 10px 1px 5px; }

.enattente  { border-collapse:collapse; padding:0; margin:0}
.enattente  td { font-size:13px; font-variant:small-caps; color:#ccc; border-top:1px dashed #111111; padding:2px 10px 1px 5px; }

#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,


.entry-title,.entry-utility,.entry-meta{
width:100%;
}

.entry-utility-prep-cat-links{
font-weight:bold;}

#wp-calendar {	
	width:245px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #666;
	border-spacing:0px;
	border-collapse:collapse;
}
#wp-calendar caption {
	width:245px;
	border:1px solid #666;
	color: #333;
	font-size: 15px;
	padding:4px;
	text-align: right;
}
#wp-calendar thead {
	font-size: 11px;
	background: 0;
	color: #666;	
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	font-weight:bold;
	font-size: 11px;
	color: #666;
}
#wp-calendar tbody td {
	background: #eee;
	border: 1px solid #666;
	padding: 1px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
	}
	
	#wp_tag_cloud div {
	line-height: 1.2em;
}
	
.today {
	background: #aaa;
	border: 2px solid #fff;
	color: #222
}

.lehaut { border-collapse:collapse; }
.lehaut td { font-family:Arial, Helvetica, sans-serif; font-size:10px; border-top:1px black dashed; vertical-align:top; font-weight:bold }
.lehaut a { font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#003872; text-align:justify; font-weight:bold  }
.lehaut a:hover  { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:red; text-decoration:none; font-weight:bold;
}

/*style liste deroulante conseil  */
#improved { font-family:Arial, Helvetica, sans-serif; margin:0}
#improved ul {margin:0; padding:0; width:100%}
#improved li { position:relative; overflow:hidden; border-top:1px solid #CCC; margin:0; padding:0}
#improved h2 { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:18px; letter-spacing:-1px; word-spacing:-1px; color:#555; text-transform:uppercase}
#improved h2:hover { color:black}
#improved h3 { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:15px; letter-spacing:-1px; word-spacing:-1px; border:0; text-transform:uppercase; color:#555}
#improved h3:hover { color:black}
.conseil { display:none; padding: 5px 10px 15px 0; border-top: 1px dotted #666;}
.conseil a { color:#666; text-decoration:none }
.conseil a:hover { color:#FFCC00}
.conseil p { background-color: #FFF; opacity: .9; filter: alpha(opacity=90); -moz-opacity: .9; display:inline; padding:1px }
.conseil span { background-color: #FFF; opacity: .9; filter: alpha(opacity=90); -moz-opacity: .9; }
.conseil h6 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#555; text-transform:uppercase; margin:4px; padding:0; border:0 }
.conseil h6 a { background-color: #FFF; text-decoration:none; color:#555; font-weight:bold;}
.conseil h6 a:hover { background-color: #FFF; color:#FC0;}
.entete {padding: 5px 10px; border: 1px 0 0 0 dotted #666; text-decoration:none; display:block;}
.voir_tous {background: url(../../../../images/flechegrise30bas.gif) no-repeat right center; padding-right: 12px; text-decoration: none; color: #0099FF;}
.voir_recent {display: none;background: url(../../../../images/flechegrise30haut.gif) no-repeat right center;padding-right: 12px;text-decoration: none; color: #0099FF;}
.replier_tous {background: url(../../../../images/flechegrise30haut.gif) no-repeat right center;	padding-right: 12px; color: #666666;text-decoration: none;}
.navigation {margin-top:20px; border-top:1px dotted grey}

/*----------DEBUT SCROLLUP--------------*/

.scrollup {
    width:40px;
    height:40px;
    opacity:0.4;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url(../../../../images/icon_top.png) no-repeat;
    transition-duration: 0.3s;
    transition-property: all;
}

.scrollup:hover {
    opacity:0.9;
}

.pieds2016 a { background-color:white; margin:0; color:#333;}
.pieds2016 a:hover {color: #EDCA05; background-color:white; text-decoration:none;}
.pieds2016 {font-family:Arial, Helvetica, sans-serif; }
.pieds2016 h2 {margin:1em 0 0 0; font-weight:bold; color:#555; text-transform:uppercase; letter-spacing:-1px; font-size: 1.6em; line-height:.95em }
.pieds2016 h3 {  margin:1em 0 0 0; text-transform:uppercase; font-weight:normal;  font-size: 1em; }
.pieds2016 h3 a {text-decoration:none;}
.pieds2016 h3 a:hover  {}
.pieds2016 h4 { margin:1em 0 0 0 ;  font-size: 1em }
.pieds2016 h4 a { }
.pieds2016 h4 a:hover {}

@media (min-width: 960px) {
#croix { width:80px; height:80px; visibility:visible; background-image:url(http://www.ateliergrandparis.com/news/wp-content/themes/aigp/images/invisiblefin.png); position: fixed; top:2.5em; right:1%; border:0; z-index:15;}
#croix:hover { background-image:url(http://www.ateliergrandparis.com/news/wp-content/themes/aigp/images/invisible.png);}
#plus {width:80px; height:80px; visibility:hidden; background-image:url(http://www.ateliergrandparis.com/news/wp-content/themes/aigp/images/visiblefin.png); position: fixed; top:2.5em; right:1%; border:0; z-index:14;}
#plus:hover { background-image:url(http://www.ateliergrandparis.com/news/wp-content/themes/aigp/images/visible.png);}
.under span {float:right; max-width:200px; }
#menu h3 {float:left;  }
#logo { position:absolute; z-index:100; background-color:#FFFFFF; margin-top:0}
#menu1 {margin-left:192px}
#menu1 div {margin-left:-10px}
#menu h3:nth-child(6) div { margin-left:-30px}
#menu h3:nth-child(7) div { margin-left:-120px}
#autourdumenu { height:40px}
#menu h3 div {background-image:url(../../../../vegas/overlays/18.png) }
#ladate {float:right; position:absolute; margin:-34px 0 0 988px}
.under h1 {font-size:64px; letter-spacing:-3px; line-height:50px; }
.scrollup { bottom:50px; right:100px;
}
}
@media (max-width: 960px){
.under span {border-top:1px dotted #CCC}
#menu h3 {padding:4px 0; background-color:white}
#croix {display:none}
#plus {display:none}
#menu h3 div {background-color : white }
.under h1 {font-size:32px; line-height:.9em}
.scrollup {
    bottom:4px;
    right:4px;
}
}
 
 
@media (max-width: 679px) {
  .garde h3 { border-top:3px solid grey; padding-top:8px; margin-top:16px }
  .pieds2016 div {margin: 1em 0 ;padding: 5px 0 ; background-color: white}
  .pieds2016 div:first-child {border-top:3px solid #000;}
}

/* skeleton grid */
.six h5:first-child {padding-top:20px}
.container {
  position: relative;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
  
  .containerup {margin:20px 0; border:1px solid #ccc; padding:0 10px 20px 10px;  background-color:white;  -moz-border-radius: 10px;
	-webkit-border-radius: 10px; border-radius: 10px; vertical-align:top; font-family: Arial, Helvetica, sans-serif  }
.containerup a:hover {color:#f6bb33}
.containerup a {color: #630}	
	.containerup h3 { font-size:2em; margin:8px 0}
	.containerup h2 { font-size:2.4em; font-weight: normal; text-transform: uppercase; line-height:.9em}
	.containerup h4 { font-size:1.6em; margin:8px 0}
	.containerup h5 { font-size:1em; margin:0}
  	
.row { padding:1em 0}
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; padding:5px 0;  }
  
.garde { font-family:Arial, Helvetica, sans-serif; margin-top:40px}
.garde h3 { font-size:1.5em; margin:0; text-transform:uppercase; padding:0}
.garde h4 { font-size:.9em; margin:10px 0; padding-top:10px; text-transform:uppercase; border-top:1px dotted black}
.garde a { color:#333333}
.garde a:hover { color: #f6bb33; text-decoration:none}
.garde ul {list-style-type:none; margin:0; padding:0} 
.garde li {font-size:1em; margin: 0; padding:10px 0; border-top:1px dotted black} 
.garde li a {color:#630} 

  
 /* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
	.videoWrapper {
 padding-bottom: 56.25%; /* 16:9 */
}
}

/* For devices larger than 680px */
@media (min-width: 680px) {
  .container {
    width: 100%; }
  .column,
  .columns {
    margin-left: 4%; }

  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }
  
  .one-forth.column               { width: 22%;}
  .two-forth.column              { width: 48%; }
  .three-forths.column              { width: 74%; }

  .one-half.column                { width: 48%; margin-top:0}

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }
  .videoWrapper {
 padding-bottom: 56.25%; /* 16:9 */
}
.garde h3 { height: 60px; }
}

 /* For devices smaller than 549px */
 
@media (max-width: 679px) {
  .garde h3 { border-top:3px solid grey; padding-top:8px; margin-top:16px }
  .pieds2016 div {margin: 1em 0 ;padding: 5px 0 ; background-color: white}
  .pieds2016 div:first-child {border-top:3px solid #000;}
}

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

/* fin de skeleton */</pre></body></html>