@import url(https://fonts.googleapis.com/css?family=Patrick+Hand);

body{
	font-family:"Dejavu Sans",Verdana, Arial, Helvetica, sans-serif;
	ont-family: 'Patrick Hand', cursive;
	font-size: 14px;
	margin:0;
	padding:0;
	color:#333333;
	background:url(images/bg3.jpg) repeat-x fixed 0 0;
	ackground-attachment:fixed;
}


@media only screen and (max-device-width:980px) {
	body {
		font-size: 16px;
	}
}

/* hide from ie on mac \*/
html {
	margin:0;
	padding:0;
	height: 100%;
}


h1, .noscreen {
	display:none;
}

h2 {
	clear:both;
	font-family: 'Patrick Hand', cursive;
	font-size:2rem;
	margin: 1.6% 0 3.2% 2%;
	padding:0;
	color:#005963;
	font-weight:normal;
	text-align:left;
}

h3, h4 {
	font-size:1.2rem;
	margin: 46px 0 6px 0;
	clear:both;
	color:#005963;
	font-weight:normal;
	border-bottom:solid 1px #005963;
}
/*
@media only screen and (max-device-width:980px) {
 H3, H4 {
	 font-size:20px;
 }
}
*/
h5 {
	font-size:1rem;
	margin: 12px 0 0 0;
	color:#c4222F;
	text-decoration:underline;
	font-weight:bold;
}
h6 {
	font-size:.8rem;
	margin: 8px 0 0 0;
	padding:0;
	color:#588e16;
	text-decoration:normal;
	font-weight:bold;
}
p {
	margin:0;
	padding:4px 0 8px 0;
}

a, a:visited {
	color:#0000aa;
}

img {
	border:none;
}

ul {
	margin:0;
	padding:0;
	margin-left:6.4%;
}
li {
	margin:0 4px;
	padding:0;
}
.citation {
	order:solid 1px red;
	width:80%;
	margin:12px auto;
	font-weight:bold;
	font-size:1rem;
	text-align:center;
}
.citation2 {
}
.citation-small {
	width:40%;
	float:right;
	margin:12px 0 12px 6%;
	font-weight:bold;
	font-size:1rem;
	text-align:center;
}


#extbox {
	max-width:960px;
	max-width:1000px;
	width:95%;
	width:100%;
	margin:0 auto;
}


header {
	width:100%;
	margin: 0 auto;
	background:url(images/revolution-lente-home.png) no-repeat 2% 3%;
	background-size:10%;
	osition:fixed;
	z-index:2;
	order:solid 1px red;
}
@media only screen and (max-device-width:800px) {
	header {
		background-size:13%;
	}
}

nav {
	float:left;
	width:99%;
	order-width:0 0px 1px 0px;
	min-height:28px;
	padding:0 0 0 1%;
	margin:0;
	order-bottom:solid 1px #bbb;
	z-index:2;
	clear:both;
}
@media print {
nav {
	display:none;
}
}


main {
	z-index:1;
	width:98%;
	bborder:solid 1px #faa;
	-moz-border-radius:11px;
	padding:1%;
}


section {
	float:right;
	width:70.625%;
	idth:60%;
	in-width:700px;
	min-height:500px ;
	_height:500px;
	margin:12px 0 0 0;
	padding-bottom:30px;
	text-align:justify;
	bborder:solid 1px grey;
	argin-top:150px;
}
@media only screen and (max-device-width:800px) {
section {
	width:100%;
}
}
@media print {
section {
	width:100%;
}
}


aside {
	float:left;
	width:27.47%;
	idth:100%;
	padding:4px 0;
	margin:6px 1% 0 0;
	order:solid 1px brown;
	argin-top:150px;
}
@media only screen and (max-device-width:800px) {
aside {
	width:72%;
	width:100%;
}
}
@media print {
aside {
	display:none;
}
}


header a, header a:hover, header a:visited, header a:active {
	text-decoration:none;
	color:#bbb;
}
#banner {
		padding:1% 0 2% 0;
}
#banner .text {
	loat:right;
	idth:87%;
	width:65%;
	max-width:960px;
	padding:2% 1% 0% 0;
	margin-left:30.5%;
	color:#bbb;
	text-align:left;
	font-family: 'Patrick Hand', cursive;
	ont-family: 'Bad Script', cursive;
	font-size:3.4rem;
	letter-spacing:.4rem;
	font-variant:small-caps;
	text-shadow:4px 4px 8px #ccc;
}
@media only screen and (max-device-width:800px) {
#banner {
		padding:6px 0 6px 0;
}
#banner .text {
	font-size:2rem;
	color:#888;
	margin-left:15%;
	width:80%;
	letter-spacing:4pt;
}
}
@media print {
#banner .text {
	width:100%;
}
}



nav #menu1 {
	float:left;
	idth:71.3%;
	width:70%;
	width:69%;
	padding: 0 0 0 2%;
}
nav #menu2 {
	float:left;
	idth:27.6%;
	width:29%;
}
nav a, nav a:visited, nav a:active {
	display:block;
	position:relative;
	float:left;
	padding:0px 3px 2px 3px;
	margin: 1px 0 2px 0.7%;
	border:solid 1px #999;
	border-width:1px 1px 1px 8px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	font-family: 'Patrick Hand', cursive;
	font-size:1.1rem;
	letter-spacing:0px;
	color:#333;
	font-weight:normal;
	text-decoration:none;
}
nav a:hover {
	color:#a93d00;
	text-decoration:none;
	background-color:#fff;
}
nav a.menuhigh {
	color:#a93d00;
	background-color:#fff;
}

nav a.style1, nav a.style1:visited, nav a.style1:active {
	border-color:#935e2e;
	background-color:#935e2e;
	color:#fff;
}
nav a.style1:hover {
	border-color:#935e2e;
	color:#935e2e;
	background-color:#fff;
}
nav a.style1.menuhigh {
	border-color:#935e2e;
	color:#935e2e;
	background-color:#fff;
}

nav a.style2, nav a.style2:visited, nav a.style2:active {
	border-color:#588e16;
	background-color:#588e16;
	color:#fff;
}
nav a.style2:hover {
	border-color:#588e16;
	color:#588e16;
	background-color:#fff;
}
nav a.style2.menuhigh {
	border-color:#588e16;
	color:#588e16;
	background-color:#fff;
}

nav a.style3, nav a.style3:visited, nav a.style3:active {
	border-color:#c4222F;
	background-color:#c4222F;
	color:#fff;
}
nav a.style3:hover {
	border-color:#c4222F;
	color:#c4222F;
	background-color:#fff;
}
nav a.style3.menuhigh {
	border-color:#c4222F;
	color:#cd071e;
	background-color:#fff;
}

nav a.style4, nav a.style4:visited, nav a.style4:active {
	border-color:#326db3;
	background-color:#326db3;
	color:#fff;
}
nav a.style4:hover {
	border-color:#326db3;
	color:#326db3;
	background-color:#fff;
}
nav a.style4.menuhigh {
	border-color:#326db3;
	color:#326db3;
	background-color:#fff;
}

nav a.style5, nav a.style5:visited, nav a.style5:active {
	border-color:#727f65;
	background-color:#727f65;
	color:#fff;
}
nav a.style5:hover {
	border-color:#727f65;
	color:#727f65;
	background-color:#fff;
}
nav a.style5.menuhigh {
	border-color:#727f65;
	color:#727f65;
	background-color:#fff;
}


nav a.menu2, nav a.menu2:visited, nav a.menu2:active {
	margin: 7px 3% 0 0px;
	float:left;
	font-size:1rem;
	border-width:1px 1px 1px 6px;
}



/* ----  marge de gauche ---- */

#mytop {
	border:solid px yellow;
}
#mymiddle {
	bborder:solid 2px grey;
}




#smenu a, #smenu a:visited, #smenu a:active, #smenu a:hover {
	display:block;
	border:solid 1px #333;
	border-width:1px 2px 1px 10px;
	background-color:#eee;
	padding:3% 6px;
	margin:4px 1% 0 0px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size:.9rem;
	color:#005963;
	font-weight:bold;
	text-decoration:none;
	bborder:solid 1px red;
}
#smenu a:hover {
	olor:#a93d00;
	ont-weight:bold;
	text-decoration:underline;
	background-color:#fff;
	argin:4px 1px 0 3px;
}
#smenu a.menuhigh {
	olor:#333;
	olor:#333;
	background-color:#dfdfdf;
	argin:4px 8px 0 -4px;
	border-width:1px 10px 1px 2px;
	padding-left:1%;
}
#smenu a.style1, #smenu a.style1:visited, #smenu a.style1:active {
	border-color:#935e2e;
}
#smenu a.style2, #smenu a.style2:visited, #smenu a.style2:active {
	border-color:#588e16;
}
#smenu a.style3, #smenu a.style3:visited, #smenu a.style3:active {
	border-color:#c4222F;
}
#smenu a.style4, #smenu a.style4:visited, #smenu a.style4:active {
	border-color:#326db3;
}
#smenu a.style5, #smenu a.style5:visited, #smenu a.style5:active {
	border-color:#727f65;
}

#focuses {
	bborder:solid 1px red;
	width:100%; /* 678 */
	min-height:280px ;
	_height:280px ;
	margin:0;
}
#focus {
	float:left;
	width:47%;
	padding:4px 0;
	margin:6px 0px;
	margin-left:1%;
	bborder:solid 1px red;
}
#focus.focus-right {
	margin-left:4%;
}
#focus .title {
	text-align:left;
	margin:0 0 0 5%;
	font-family: 'Patrick Hand', cursive;
	font-size:1.2rem;
	ont-weight:bold;
}
#focus a, #focus a:visited, #focus a:active {
	display:block;
	border:solid 1px #333;
	border-width:1px 1px 1px 8px;
	background-color:#eee;
	padding:4% 3%;
	margin:4px 0px 0 0px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size:1.1rem
	color:#005963;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}
#focus a.style1, #focus a.style1:visited, #focus a.style1:active {
	background-color:#935e2e;
	border-color:#935e2e;
}
#focus a.style2, #focus a.style2:visited, #focus a.style2:active {
	background-color:#588e16;
	border-color:#588e16;
}
#focus a.style3, #focus a.style3:visited, #focus a.style3:active {
	background-color:#c4222F;
	border-color:#c4222F;
}
#focus a.style4, #focus a.style4:visited, #focus a.style4:active {
	background-color:#326db3;
	border-color:#326db3;
}
#focus a.style5, #focus a.style5:visited, #focus a.style5:active {
	background-color:#727f65;
	border-color:#727f65;
}
#focus a:hover, #focus a.style1:hover, #focus a.style2:hover, #focus a.style3:hover, #focus a.style4:hover, #focus a.style5:hover {
	color:#005963;
	text-decoration:underline;
	background-color:#fff;
}







#home {
	margin: 0 auto;
	text-align:center;
	width:100%;
}
#home .citations {
	width:80%;
	min-height:150px;
	margin: 0 auto;
	background-image:url(images/revolution-lente-home.png);
	background-size:19%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	ackground-position:0 0;
	bborder:solid 1px red;
}
@media only screen and (max-device-width:800px) {
#home .citations {
	width:100%;
	background-size:24%;
}
}
#home .citation {
	float:left;
	margin:8% 0 8% 0;
	width:45%;
	padding:0 4% 0 0;
	bborder:solid 1px red;
}

#home .cittext {
	width:70%;
	margin: 0 auto;
	font-size:1.1rem;
	font-weight:normal;
	font-style:normal;
	color:#222;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
#home .citsign {
	width:70%;
	argin: 0 auto;
	margin:4% auto 0 auto;
	font-size:.8rem;
	font-weight:normal;
	font-style:italic;
	color:#222;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
#home .citright {
	argin-left:190px;
	argin-left:19.79166667%;
	adding-left:11%;
	adding-left:6%;
	padding:0 0 0 4%;
}






aside .hometitlepages {
	margin: 10px 0 10px 0;
	font-family: 'Patrick Hand', cursive;
	font-size:1.1rem;
	font-weight:normal;
	order:solid 1px orange;
	color:black;
}
aside ul.homelistepages {
	order:solid 1px red;
	float:right;
	width:100%;
	eight:640px;
	verflow:auto;
	padding:0;
	margin:0;
}
aside li.homelistepagesitem {
	order:solid 1px yellow;
	width:90%;
	margin:0 0 12px 8%;
	padding:0 0 0 0;
	font-size:.9rem;
	text-align:left;
}
aside a, aside a:visited, aside a:active {
	text-decoration:none;
}
aside a, aside a:hover, aside a:visited, aside a:active {
	color:#333;
}

.subt {
	font-weight:normal;
	font-size:.8rem;
}

#entre-moyen {
	width:690px;
	margin:0 auto;
	text-align:justify;
}

.dossier-art-chapo {
	font-size: 1.1em;
	color:#762900;
	margin-bottom: 12px;
}

footer {
	order:solid 1px red;
	eight:60px;
	clear:both;
	margin:0px 0 12px 0;
	padding:60px 0 6px 0;
	text-align:center;
	font-family: 'Patrick Hand', cursive;
	font-size:1.2rem;
	color:#fff;
	background-image:url(images/foot4.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-size:100%;
}
footer a, footer a:visited, footer a:hover {
	font-family: 'Patrick Hand', cursive;
	font-size:1.2rem;
	color:#fff;
	font-weight:normal;
}




.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:5%;
	width:90%;
	height:90%;
}