/*********************************************************
* CSS screen
* 
* name:		architecturalement votre
* 
* date:		2010.12.07
* author:	erational <http://www.erational.org>
* version:	0.93
* licence:	GPL v3
*
**********************************************************/


/*****************
*	tags
*****************/
body {
	color:#3a3a40;
	background: no-repeat bottom fixed url(../img/background-esa.png);
	font-family:'Assistant',Helvetica,Arial,verdana,sans-serif;
	font-size: 14px;
	width: 95vw;
	margin: 0 0 0 2vw;
	padding: 0;
	text-align:center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.08);
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

h1,h2,h3,h4,h5,h6,p,div,form {margin: 0; padding: 0; font-family: 'Assistant', Helvetica, Arial, sans-serif; font-weight: 500;}
h1,h2,h3,h4,h5,h6 {color: #3a3a40;}
h1,h2,h3 {font-weight: 400;}
h2 a, h3 a {color: #3a3a40;}
.col2 a {color: #000;}
.col3 a {color: #e2007a;}
.col4 a {color: #ff6300;}
.col5 a {color: #0899e2;}
.col6 a {color: #00ae96;}

a {text-decoration: none;}
a, a:active, a:focus {outline: none !important;}
:focus {outline: none;}
::-moz-focus-inner {border: 0;}
img {border: 0;}
sup {line-height: 0.5;}
hr {height: 0; border: 0; clear: both;}
button {outline: none !important;}
table {margin: 0; border-collapse: collapse;}
table.spip {margin: -0.8em 0 0.6em 0;}
td {font-size: 0.8em;}
form { margin:0; padding:0;}
fieldset {border:0;}
legend {background: #fff; padding: 0 45px 0 5px; border-bottom: 3px solid #666;}
label span {color: red;} 
fieldset {border: 0; margin-top: 10px; padding: 8px;} 
object {outline: none !important;}
#map {height: 480px;}
.illus {overflow: hidden;}

.fas {
	font-size: 17px;
	line-height: 0 !important;
	margin-right: 2px;
}

input, select, textarea {
	font-size: 17px;
	padding-left: 5px;
	font-family: 'Assistant', Helvetica, Arial, sans-serif;
}

input[type='text']:focus,
input[type='number']:focus,
textarea:focus {font-size: 16px;}

#aside input, #aside select, #aside textarea {
	width: 100%; 
	height: 35px; 
	border: 1px solid #3e3e40; 
	color: #3e3e40;
	background: transparent;
	font-family: 'Assistant', Helvetica, Arial, sans-serif;
}

h5 {
	font-size: 13.5px;
	text-align: left;
	font-weight: 600;
	margin: 25px 0 0 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid;
}

h6 {
	font-size: 13.5px;
	text-align: left;
	font-weight: 600;
	margin: 15px 0 7px 0;
}

#banner,
#container,
#footer {
	width: 1050px;
	clear: both;
}

/*****************
*	banner
*****************/
#banner {
	line-height: 1.6;
	margin: 40px auto 10px;
	text-align: left;
	font-size: 17px;
	display: inline-block;
}

#banner img {
	width: 96%;
	transition: all 500ms ease;
}

#banner img:hover {
	transform: scale(1.09);
	transition: all 500ms ease;
}

#banner label {
	display: none;
}

#banner a {
	color: #3e3e40;
}

#banner .logo {
	float: left;
	width: 170px;
}

#banner .col {
	float: left;
	width: 160px;
	margin: 0 0 0 24px;
}

#banner .col6 {
	float: right;
	width: 304px;
}

#banner h2 {
	font-size: 20px;
	text-transform: uppercase;
	border-bottom: 1px solid #000;
	margin-bottom: 8px;
	padding-bottom: 4px;
}

#banner h3 {
	font-size: 17px;
}

#banner ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#tools_infos {
	border-bottom: 1px solid; 
	padding-bottom: 7px;
	margin: 2px 0 19px 0;
}

#banner .fas {
	line-height: 1.2;
	display: inline-block;
	width: 26px;
	font-size: 20px;
}

#banner form, #banner .col6 a {
	width: 255px;
	display: inline-block;
}

#banner input {
	background: transparent;
	font-family: 'Assistant', Helvetica, Arial, serif;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	text-align: left;
	width: 100%;
	color: #3e3e40;
	padding: 0;
	font-weight: 500;
}

#banner input:hover,
#banner textarea:focus,
#banner input:focus {
	color: #00ae96;
	border-color: #00ae96;
}

.main-menu {
	margin: 15px 0 0 0;
	display: inline-block;
	width: 880px;
}

#tools_infos a span {
	color: #3a3a40;
}

#tools_infos:hover,
#tools_infos:hover input,
#tools_infos:hover a,
#tools_infos:hover a span,
#tools_infos:hover .fas,
#tools_infos.on,
#tools_infos.on i {
	color: #00ae96 !important;
	border-color: #00ae96 !important;
}

/*****************
*	couleurs
*****************/
/* noir */
.col2 h2.on {
	color: #000; 
	border-bottom: 1px solid #000 !important;
}
#banner .col2 a.on,
#banner .col2 a:hover,
#banner .col2 a span,
#banner .col2 h3,
#banner .col2 #content a,
.col2 #menu a:hover,
.col2 #menu a.on,
.col2 a.on,
.col2 a:hover,
.col2 a span,
.col2 h3,
.col2 #content a, .col2 #rubrique-content a {color: #000;}

.col2 hr {
	border-bottom: 1px solid;
	margin: 22px 0 20px 0;
}

.col2 #content object,
.col2 #content embed {
	height: 480px;
	width: 480px;
}

.col2 #menu li {
	padding: 0 0 25px 0;
}

.col2 #menu li.on h4, .col2 #menu li:hover h4,
.col2 #menu li.on p, .col2 #menu li:hover p {
	color: #000;
}

.col2 #sous-menu-fleche a {
	width: 0px;
	height: 0px;
	display: inline-block;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid #000;
	box-sizing: border-box;
	float: left;
	margin: 4px 6px 0 0;
}

.col2 #menu h4 {
	font-weight: 600;
	line-height: 1.4;
	padding-top: 10px;
}

#content .col2 {
	font-size: 16px;
}

.col2 #menu p {
	text-transform: uppercase;
	padding: 10px;
	font-size: 13px;
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
	color: #000;
	border-top: 1px solid #000;
}

.col2 h5 {color: #000;}
.col2 h6 {color: #000;}

.col2 h2 small {
	display: block;
	font-size: 24px;
}

/* cassis */
.col3 h2.on {color: #e2007a; border-bottom: 1px solid #e2007a !important;}

#banner .col3 a.on,
#banner .col3 a:hover,
#banner .col3 a span,
#banner .col3 h3,
#banner .col3 #content a,
.col3 #menu a:hover,
.col3 #menu a.on,
.col3 a.on,
.col3 a:hover,
.col3 a span,
.col3 h3,
.col3 #content a, .col3 #rubrique-content a {color:#e2007a;}
.col3 #menu ul {border-color:#e2007a;}

.col3 .pagination {
	background-image: url(../img/stripes-cassis-2.png);
}

.col3 hr {
	border-bottom: 1px solid #e2007a;
	margin: 22px 0 20px 0;
}

.col3 #sous-menu.on {
	background-image: url(../img/stripes-cassis.png);
	background-repeat: repeat;
}

.col3 #sous-menu-fleche.on {
	width: 0px;
	height: 0px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #e2007a;
	float: right;
}

.col3 h4 {
	font-size: 16px;
	border-top: 1px solid #e2007a;
	border-bottom: 1px solid #e2007a;
	padding: 15px;
	display: inline-block;
	width: 100%;
	text-align: left;
	line-height: 1.4;
	background-image: url(../img/stripes-cassis.png);
	background-repeat: repeat;
	box-sizing: border-box;
}

.col3 h5, .col3 h6 {
	color: #e2007a;
}

#menu .col3 #headZ {
	margin: 25px 0 0 0;
}

/* orange */
.col4 h2.on {color: #ff6300; border-bottom: 1px solid #ff6300 !important;}
#banner .col4 a.on,
#banner .col4 a:hover,
#banner .col4 a span,
#banner .col4 h3,
#banner .col4 #content a,
.col4 #menu a:hover,
.col4 #menu a.on,
.col4 a.on,
.col4 a:hover,
.col4 a span,
.col4 h3,
.col4 #content a, .col4 #rubrique-content a {color: #ff6300;}
.col4 #menu ul {border-color: #ff6300;}

.col4 .pagination {
	background-image: url(../img/stripes-orange.png);
	border-bottom: 1px solid #ff6300;
}

.col4 #sous-menu.on {
	background-image: url(../img/stripes-orange.png);
	background-repeat: repeat;
}

.col4 #sous-menu-fleche.on {
	width: 0px;
	height: 0px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #ff6300;
	float: right;
}

#content .col4 h4 {
	background-image: url(../img/stripes-orange.png);
	background-repeat: repeat;
	padding: 10px;
	border-left: 15px solid #ff6300;
}

.col4 h5, .col4 h6, #container .col4 h6 a, #container #rubrique-content .col4 h6 a {color: #ff6300;}
#container .col4 h6 a, #container #rubrique-content .col4 h6 a:hover {color: #3a3a40;}

/* bleu */
.col5 h2.on {color:#0899e2;border-bottom:1px solid #0899e2 !important;}
#banner .col5 a.on,
#banner .col5 a:hover,
#banner .col5 a span,
#banner .col5 h3,
#banner .col5 #content a,
.col5 #menu a:hover,
.col5 #menu a.on,
.col5 a.on,
.col5 a:hover,
.col5 a span,
.col5 h3,
.col5 #content a, .col5 #rubrique-content a {color: #0899e2;}
.col5 #menu ul {border-color: #0899e2;}

.col5 .pagination {
	background-image: url(../img/stripes-bleu.png);
	border-bottom: 1px solid #0899e2;
}

.col5 #sous-menu.on {
	background-image: url(../img/stripes-bleu.png);
	background-repeat: repeat;
}

.col5 #sous-menu-fleche.on {
	width: 0px;
	height: 0px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #0899e2;
	float: right;
}

.col5 h5 {color: #0899e2;}
.col5 h6 {color: #0899e2;}

/* vert */
#banner .col6 a.on,
#banner .col6 a.on span,
#banner .col6 a:hover,
#banner .col6 h3,
#banner .col6 #content a,
.col6 #menu a:hover,
.col6 #menu a.on,
.col6 a.on,
.col6 a:hover,
.col6 a span,
.col6 h3,
.col6 #content a, .col6 #rubrique-content a {color: #00ae96;}
.col6 #menu ul {border-color: #00ae96;}

.col6 .pagination {
	background-image: url(../img/stripes-vert.png);
	border-bottom: 1px solid #00ae96;
}

.col6 h4 {
	line-height: 2.8;
}

.col6 #sous-menu.on {
	background-image: url(../img/stripes-vert.png);
	background-repeat: repeat;
}

.col6 #sous-menu-fleche.on {
	width: 0px;
	height: 0px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #00ae96;
	float: right;
}

.col6 h5 {color: #00ae96;}
.col6 h6 {color: #00ae96;}

.col2 #content a:hover,
.col2 #content a:hover,
.col3 #content a:hover,
.col4 #content a:hover,
.col5 #content a:hover,
.col6 #content a:hover,
.col2 #rubrique-content a:hover,
.col2 #rubrique-content a:hover,
.col3 #rubrique-content a:hover,
.col4 #rubrique-content a:hover,
.col5 #rubrique-content a:hover,
.col6 #rubrique-content a:hover {text-decoration: underline;}

/* couleur home */
#banner .col_home h2, 
.col_home h2 a {color: #000;}
.col_home a {color: #3a3a40;}

#headA:hover h2, #headA:hover h3,
#headC:hover h2, #headC:hover h3,
#headD:hover h2, #headD:hover h3,
#headE:hover h2, #headE:hover h3,
#headF:hover h2, #headF:hover h3,
#headH:hover h2, #headH:hover h3,
#headJ:hover h2, #headJ:hover h3,
#headL:hover h2, #headL:hover h3,
#headM:hover h2, #headM:hover h3,
#headP:hover h2, #headP:hover h3,
#headQ:hover h2, #headQ:hover h3,
#headS:hover h2, #headS:hover h3,
#menu #headZ:hover h2, #menu #headZ:hover h3,
.preview-title-container:hover a {
	opacity: 0; 
	transition: all 600ms ease;
}

#headA:hover .sommaire-title-container,
#headC:hover .sommaire-title-container,
#headD:hover .sommaire-title-container,
#headE:hover .sommaire-title-container,
#headF:hover .sommaire-title-container,
#headH:hover .sommaire-title-container,
#headJ:hover .sommaire-title-container,
#headL:hover .sommaire-title-container,
#headM:hover .sommaire-title-container,
#headP:hover .sommaire-title-container,
#headQ:hover .sommaire-title-container,
#headS:hover .sommaire-title-container,
#headZ:hover .sommaire-title-container,
.preview-title-tile:hover .preview-title-container {
	background-color: rgba(255, 255, 255, 0);
	height: 100%;
	transition: all 600ms ease;
}

#headA:hover .sommaire-title-container:before,
#headC:hover .sommaire-title-container:before,
#headD:hover .sommaire-title-container:before,
#headE:hover .sommaire-title-container:before,
#headF:hover .sommaire-title-container:before,
#headH:hover .sommaire-title-container:before,
#headJ:hover .sommaire-title-container:before,
#headL:hover .sommaire-title-container:before,
#headM:hover .sommaire-title-container:before,
#headP:hover .sommaire-title-container:before,
#headQ:hover .sommaire-title-container:before,
#headS:hover .sommaire-title-container:before,
#headV:hover .sommaire-title-container:before,
#headW:hover .sommaire-title-container:before,
#headX:hover .sommaire-title-container:before,
#headZ:hover .sommaire-title-container:before {
	background-color: rgba(255, 255, 255, 0);
	transition: all 900ms ease;
	transform: rotate(90deg);
}

#headA:hover,
#headC:hover,
#headD:hover,
#headE:hover,
#headF:hover,
#headH:hover,
#headJ:hover,
#headL:hover,
#headM:hover,
#headP:hover,
#headQ:hover,
#headS:hover,
#headV:hover,
#headW:hover,
#headX:hover,
#headZ:hover,
.preview-title-tile:hover {
	-webkit-transform:scale(1.08);
	-moz-transform:scale(1.08);
	-ms-transform:scale(1.08);
	-o-transform:scale(1.08);
	transform:scale(1.08);
	transition: all 700ms ease;
	z-index: 980;
}

#container .col2 #content a:hover {color:#000 !important;}
#container .col4 #content a:hover {color:#ff6300 !important;}
#container .col5 #content a:hover {color:#0899e2 !important;}
#container .col6 #content a:hover {color:#00ae96 !important;}

#container #rubrique-content .col2 a:hover, #container #rubrique-content .col2 .plan-rub a.on {color: #000;}
#container #rubrique-content .col3 a:hover, #container #rubrique-content .col3 .plan-rub a.on {color: #e2007a;}
#container #rubrique-content .col4 a:hover, #container #rubrique-content .col4 .plan-rub a.on {color: #ff6300;}
#container #rubrique-content .col5 a:hover, #container #rubrique-content .col5 .plan-rub a.on {color: #0899e2;}
#container #rubrique-content .col6 a:hover, #container #rubrique-content .col6 .plan-rub a.on {color: #00ae96;}

/*****************
* footer
*****************/
#footer {
	margin: 30px auto 60px auto;
	border-top: 3px solid #000;
	padding: 18px 0 0 0;
	text-align: left;
	font-size: 16px;
	line-height: 1.4;
}

#footer a {
	color: #3e3e40;
	text-decoration: underline;
	text-transform: lowercase;
}

#footer a:hover {color: #00ae96;}

#footer .logo {
	border-left: 1px solid;
	padding: 5px 0 0 15px;
	height: 74px;
	width: 219px;
	float: left;
	box-sizing: border-box;
}

#footer .adresse {
	float: left;
	width: 265px;
	border-left: 1px solid;
	padding: 2px 0 0 15px;
	height: 72px;
}

#footer .social {
	width: 165px;
	border-left: 1px solid;
	padding-left: 15px;
	float: left;
	height: 74px;
}

#footer .fb {font-size:31px;}
#footer .fb .fa-instagram {font-size:33px; position: relative; top: 1px;}
#footer .fb a {text-decoration: none;}
#footer .credit {clear: both; padding: 3px 0 0 0;}


/*****************
* container (commun)
*****************/
#container {
	line-height: 1.5;
	margin: 25px auto 65px;
}

#container h2 {
	font-size: 28px;
	text-align: left;
	border-bottom: 3px solid #000;
	text-transform: uppercase;
	padding: 0 0 10px 0;
	hyphens: none;
	line-height: 1.1;
}

#container .col2 #content h2 {
	font-size: 30px;
	text-transform: none;
	padding: 17px 15px;
	margin: -1px 0 0 0;
	line-height: 1.2;
	font-weight: 700;
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
	color: #000;
	border-top: 3px solid #000;
}

#container .col2 #content button {
	font-size: 18px;
	text-transform: none;
	padding: 10px;
	margin-bottom: 10px;
	font-family: inherit;
	background: none;
	color: #000;
	border: 1px solid #000;
	width: 100%;
	text-align: left;
	cursor: pointer;
}

#container .col2 #content h1 button {
	font-size: 24px;
	padding: 30px;
	height: 235px;
	display: flex;
	align-items: flex-start;
}

#container .col2 #content button a {
	text-decoration: none;
}

#container .col2 #content button:hover {
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
}

#container h2 i {
	font-style: normal;
}

/****************
* layout home 
****************/

.sommaire-container {
	height: 100%;
}

.sommaire-container .illus {
	height: 100%;
	display: block;
	z-index: 0;
	position: relative;
}

.sommaire-title-container {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 500;
	border: 1px solid;
	background-color: rgba(255, 255, 255, 0.9);
	text-align: left;
	box-sizing: border-box;
	color : #3a3a40;
}

#headA .sommaire-title-container,
#headJ .sommaire-title-container,
#headP .sommaire-title-container {
	height: 35%;
	padding: 30px;
	transition: all 600ms ease;
}

#headC .sommaire-title-container,
#headH .sommaire-title-container,
#headL .sommaire-title-container,
#headM .sommaire-title-container,
#headV .sommaire-title-container,
#headW .sommaire-title-container,
#headX .sommaire-title-container {
	height: 100%;
	padding: 11px 16px;
	line-height: 1.4;
	opacity: 1;
	transition: all 400ms ease;
}

#headC .sommaire-title-container:hover h2, #headC .sommaire-title-container:hover h3,
#headH .sommaire-title-container:hover h2, #headH .sommaire-title-container:hover h3,
#headL .sommaire-title-container:hover h2, #headL .sommaire-title-container:hover h3,
#headM .sommaire-title-container:hover h2, #headM .sommaire-title-container:hover h3 {
	opacity: 0;
	transition: all 400ms ease;
}

#headD .sommaire-title-container,
#headE .sommaire-title-container,
#headF .sommaire-title-container,
#headQ .sommaire-title-container,
#headS .sommaire-title-container {
	height: 45%;
	padding: 10px 18px;
	transition: all 400ms ease;
	text-decoration: none;
}

#headZ .sommaire-title-container {
	height: 100%;
	padding: 14px 12px;
	transition: all 600ms ease;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 1);
}

/*
clip-path: polygon(91% 9%, 21% 44%, 0 66%, 62% 100%, 75% 87%, 86% 93%);
clip-path: polygon(0 72%, 46% 100%, 73% 92%, 76% 94%, 100% 41%, 47% 13%, 45% 20%, 23% 26%);
clip-path: polygon(0 57%, 10% 98%, 81% 100%, 100% 97%, 79% 26%, 7% 24%, 15% 56%);
clip-path: polygon(0% 37%, 14% 79%, 29% 97%, 72% 100%, 100% 62%, 83% 16%, 70% 16%, 57% 2%, 28% 0);
clip-path: polygon(100% 75%, 46% 11%, 14% 0, 0 80%, 18% 90%, 16% 100%);
clip-path: polygon(19% 37%, 10% 41%, 74% 100%, 100% 19%, 97% 0, 18% 21%);
clip-path: polygon(0 82%, 42% 100%, 78% 81%, 89% 69%, 89% 27%, 51% 3%, 13% 22%, 13% 34%, 0 46%);
clip-path: polygon(21% 20%, 11% 55%, 61% 93%, 78% 100%, 93% 35%, 40% 0, 33% 25%);
clip-path: polygon(100% 42%, 38% 0, 20% 14%, 7% 7%, 0 100%, 81% 66%);
clip-path: polygon(0 100%, 76% 100%, 76% 92%, 100% 72%, 100% 0%, 30% 0, 6% 22%, 0 22%);
*/

#headA .sommaire-title-container:before,
#headC .sommaire-title-container:before,
#headD .sommaire-title-container:before,
#headE .sommaire-title-container:before,
#headF .sommaire-title-container:before,
#headH .sommaire-title-container:before,
#headJ .sommaire-title-container:before,
#headL .sommaire-title-container:before,
#headM .sommaire-title-container:before,
#headP .sommaire-title-container:before,
#headQ .sommaire-title-container:before,
#headS .sommaire-title-container:before,
#headV .sommaire-title-container:before,
#headW .sommaire-title-container:before,
#headX .sommaire-title-container:before {
	content:"";
	position: absolute;
	z-index: -100;
}

#headA .sommaire-title-container:before {
	clip-path: polygon(91% 9%, 21% 44%, 0 66%, 62% 100%, 75% 87%, 86% 93%);
	top: -100px;
	left: 20px;
	width: 210px;
	height: 210px;
	background-color: #f7ff00;
}

#headJ .sommaire-title-container:before {
	clip-path: polygon(0 100%, 76% 100%, 76% 92%, 100% 72%, 100% 0%, 30% 0, 6% 22%, 0 22%);
	top: -30px;
	left: 15px;
	width: 190px;
	height: 190px;
	background-color: #ccc;
}

#headP .sommaire-title-container:before {
	clip-path: polygon(21% 20%, 11% 55%, 61% 93%, 78% 100%, 93% 35%, 40% 0, 33% 25%);
	top: -60px;
	left: 90px;
	width: 210px;
	height: 210px;
	background-color: #f7ff00;
}

#headC .sommaire-title-container:before,
#headH .sommaire-title-container:before,
#headL .sommaire-title-container:before,
#headM .sommaire-title-container:before {
	width: 75px;
	height: 75px;
}

#headC .sommaire-title-container:before {
	background-color: #ccc;
	clip-path: polygon(0% 37%, 14% 79%, 29% 97%, 72% 100%, 100% 62%, 83% 16%, 70% 16%, 57% 2%, 28% 0);
	top: 10px;
	right: -20px;
	display: none;
}

#headH .sommaire-title-container:before {
	background-color: #ccc;
	clip-path: polygon(0 57%, 10% 98%, 81% 100%, 100% 97%, 79% 26%, 7% 24%, 15% 56%);
	top: 7px;
	right: -30px;
	display: none;
}

#headL .sommaire-title-container:before {
	background-color: #f7ff00;
	clip-path: polygon(0 82%, 42% 100%, 78% 81%, 89% 69%, 89% 27%, 51% 3%, 13% 22%, 13% 34%, 0 46%);
	top: 10px;
	right: -10px;
	display: none;
}

#headM .sommaire-title-container:before {
	background-color: #ccc;
	clip-path: polygon(0 82%, 42% 100%, 78% 81%, 89% 69%, 89% 27%, 51% 3%, 13% 22%, 13% 34%, 0 46%);
	top: -20px;
	left: -20px;
}

#headD .sommaire-title-container:before,
#headE .sommaire-title-container:before,
#headF .sommaire-title-container:before,
#headQ .sommaire-title-container:before,
#headS .sommaire-title-container:before,
#headV .sommaire-title-container:before {
	width: 120px;
	height: 120px;
}

#headW .sommaire-title-container:before {
	width: 160px;
	height: 160px;
}

#headX .sommaire-title-container:before {
	width: 180px;
	height: 180px;
}

#headD .sommaire-title-container:before {
	background-color: #ccc;
	clip-path: polygon(0 57%, 10% 98%, 81% 100%, 100% 97%, 79% 26%, 7% 24%, 15% 56%);
	top: -40px;
	right: -30px;
}

#headE .sommaire-title-container:before {
	background-color: #ccc;
	clip-path: polygon(0 82%, 42% 100%, 78% 81%, 89% 69%, 89% 27%, 51% 3%, 13% 22%, 13% 34%, 0 46%);
	top: -20px;
	left: -30px;
	display: none;
}

#headF .sommaire-title-container:before {
	background-color: #f7ff00;
	clip-path: polygon(21% 20%, 11% 55%, 61% 93%, 78% 100%, 93% 35%, 40% 0, 33% 25%);
	top: 10px;
	right: -40px;
	display: none;
}

#headQ .sommaire-title-container:before {
	background-color: #f7ff00;
	clip-path: polygon(0% 37%, 14% 79%, 29% 97%, 72% 100%, 100% 62%, 83% 16%, 70% 16%, 57% 2%, 28% 0);
	top: 10px;
	right: -50px;
}

#headS .sommaire-title-container:before {
	background-color: #ccc;
	clip-path: polygon(100% 75%, 46% 11%, 14% 0, 0 80%, 18% 90%, 16% 100%);
	top: -30px;
	left: -40px;
	display: none;
}

#headV .sommaire-title-container:before {
	background-color: #ccc;
	clip-path: polygon(21% 20%, 11% 55%, 61% 93%, 78% 100%, 93% 35%, 40% 0, 33% 25%);
	top: -40px;
	right: 80px;
	display: none;
}

#headW .sommaire-title-container:before {
	background-color: #f7ff00;
	clip-path: polygon(0 72%, 46% 100%, 73% 92%, 76% 94%, 100% 41%, 47% 13%, 45% 20%, 23% 26%);
	top: 50px;
	left: 40px;
}

#headX .sommaire-title-container:before {
	background-color: #f7ff00;
	clip-path: polygon(21% 20%, 11% 55%, 61% 93%, 78% 100%, 93% 35%, 40% 0, 33% 25%);
	top: -70px;
	left: 180px;
	animation: rotating 2s linear infinite;
}

@keyframes rotating {
from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}

#headA {
	width: 692px;
	height: 692px;
	transition: all 600ms ease;
	position: relative;
	float: left;
}

#headB {
	width: 155px;
	height: 155px;
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
	float: left;
}

#headC {
	width: 155px;
	height: 155px;
	position: relative;
	float: right;
	transition: all 600ms ease;
}

#headD {
	width: 334px;
	height: 334px;
	position: relative;
	float: right;
	margin-top: 24px;
	transition: all 600ms ease;
}

#headE {
	width: 334px;
	height: 334px;
	position: relative;
	float: left;
	margin-top: 24px;
	transition: all 600ms ease;
}

#headF {
	width: 334px;
	height: 334px;
	position: relative;
	float: right;
	transition: all 600ms ease;
}

#headG {
	width: 334px;
	height: 334px;
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
	float: left;
}

#headH {
	width: 155px;
	height: 155px;
	position: relative;
	float: left;
	margin-top: 24px;
	transition: all 600ms ease;
}

#headI {
	width: 155px;
	height: 155px;
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
	float: right;
	margin-top: 24px;
}

#headJ {
	width: 692px;
	height: 692px;
	transition: all 600ms ease;
	position: relative;
	margin-top: 24px;
	float: right;
}

#headK {
	width: 155px;
	height: 155px;
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
	float: left;
}

#headL {
	width: 155px;
	height: 155px;
	position: relative;
	float: left;
	margin-left: 24px;
	transition: all 600ms ease;
}

#headM {
	width: 155px;
	height: 155px;
	position: relative;
	float: left;
	margin-top: 24px;
	transition: all 600ms ease;
}

#headN {
	width: 155px;
	height: 155px;
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
	float: left;
	margin-top: 24px;
	margin-left: 24px;
}

#headO {
	width: 334px;
	height: 334px;
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
	position: relative;
	margin-top: 24px;
	float: right;
}

#headP {
	width: 692px;
	height: 692px;
	transition: all 600ms ease;
	position: relative;
	margin-top: 24px;
	float: left;
}

#headQ {
	width: 334px;
	height: 334px;
	position: relative;
	float: left;
	transition: all 600ms ease;
}

#headR {
	width: 334px;
	height: 334px;
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
	position: relative;
	float: right;
	margin-top: 24px;
}

#headS {
	width: 334px;
	height: 334px;
	position: relative;
	float: left;
	transition: all 600ms ease;
}

#headT {
	width: 334px;
	height: 334px;
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
	float: right;
	margin-left: 24px;
}

#headV {
	width: 334px;
	height: 155px;
	position: relative;
	transition: all 600ms ease;
}

#headX {
	width: 334px;
	height: 155px;
	position: relative;
	transition: all 600ms ease;
}

#headW {
	width: 334px;
	height: 155px;
	position: relative;
	transition: all 600ms ease;
	margin-top: 24px;
}

#headY {
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
	float: right;
	display: none;
}

#headZ {
	width: 204px;
	height: 204px;
	position: relative;
	transition: all 600ms ease;
	margin-bottom: 15px;
}

#headZ img {
	width: 204px;
	height: auto;
}

#headgroup0 {
	float: right;
}

#headgroup1 {
	width: 334px;
	float: right;
	margin-top: 24px;
}

#headgroup2 {
	margin-top: 24px;
	margin-right: 24px;
	position: relative;
	width: 334px;
	float: left;
}

#headgroup3 {
	margin-top: 24px;
	margin-right: 24px;
	width: 692px;
	z-index: 800;
	position: relative;
	float: left;
}

#headgroup4 {
	width: 334px;
	float: right;
	margin-top: 24px;
}

#headgroup5 {
	margin-top: 24px;
	float: left;
}

#headA h2,
#headC h2,
#headD h2,
#headE h2,
#headF h2,
#headH h2,
#headJ h2,
#headL h2,
#headM h2,
#headP h2,
#headQ h2,
#headS h2,
#headV h2,
#headW h2,
#headX h2,
#headZ h2 {
	font-weight: 700;
	text-decoration: none;
	text-transform: lowercase;
	border-color: #3a3a40;
	opacity: 1;
}

#headA h2,
#headD h2,
#headE h2,
#headF h2,
#headJ h2,
#headP h2,
#headQ h2,
#headS h2,
#headZ h2 {letter-spacing: 0.2px;}

#headA h2,
#headJ h2,
#headP h2 {
	padding: 0 0 12px 0;
	margin: 0 0 12px 0;
}

#headC h2,
#headH h2,
#headL h2,
#headM h2 {
	border-bottom: 1px solid;
	margin: 0 0 10px 0;
	line-height: 1.6;
	font-size: 17px;
	opacity: 1;
	width: 100%;
}

#headD h2,
#headE h2,
#headF h2,
#headQ h2,
#headS h2 {
	border-bottom: 2px solid;
	line-height: 1.6;
	font-size: 19px;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}

#menu #headZ h2,
#headZ h2 {
	border-top: none;
	border-bottom: 2px solid;
	font-size: 17px;
	padding: 0 0 8px 0;
	margin: 0 0 10px 0;
	opacity: 1;
	transition: all 600ms ease;
}

#headV h2 {
	border-bottom: none;
	line-height: 1.5;
	font-size: 20px;
	padding: 0;
	margin: 0 0 9px 0;
}

#headW h2, #headX h2 {
	border-bottom: 2px solid;
	line-height: 1.5;
	font-size: 20px;
	padding: 0 0 9px 0;
	margin: 0 0 10px 0;
}

#headA h2 a,
#headC h2 a,
#headD h2 a,
#headE h2 a,
#headF h2 a,
#headH h2 a,
#headJ h2 a,
#headL h2 a,
#headM h2 a,
#headP h2 a,
#headQ h2 a,
#headS h2 a,
#headV h2 a,
#headW h2 a,
#headX h2 a,
#headZ h2 a {color: #3a3a40;}

#headA h3,
#headC h3,
#headD h3,
#headE h3,
#headF h3,
#headH h3,
#headJ h3,
#headL h3,
#headM h3,
#headP h3,
#headQ h3,
#headS h3 {
	font-weight: 400;
	opacity: 1;
}

#headV h3,
#headW h3,
#headX h3 {
	font-size: 28px;
	font-weight: 300;
	margin:0;
	line-height: 1.3;
}

#headA h3,
#headJ h3,
#headP h3 {
	font-size: 32px;
	font-weight: 300;
	margin:0 150px 0 0;
	line-height: 1.3;
}

#headV h3 {
	width: 100%;
}

#headV h3 a {
	font-size: 22px;
	width: 142px;
	height: 86px;
	display: inline-block;
	border: 1px solid;
	padding: 8px 10px;
	box-sizing: border-box;
	border-top-width: 2px;
	position: relative;
}

#headV h3 a:first-child {
	float: left;
}

#headV h3 a:last-child {
	float: right;
}

#headV h3 a:hover,
#headW .sommaire-title-container:hover,
#headX .sommaire-title-container:hover {
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
}

#headV h3 small {
	display: block;
	line-height: 1.2;
	font-size: 21px;
	font-weight: 600;
}

#headV h3 i {
	position: absolute;
	font-size: 26px;
	bottom: 24px;
	right: 7px;
}

#headC h3,
#headD h3,
#headE h3,
#headF h3,
#headH h3,
#headL h3,
#headM h3,
#headQ h3,
#headS h3 {
	font-size: 17px;
	margin-bottom: 20px;
}

#menu #headZ h3 {
	font-size: 15px;
	margin: 0;
	font-weight: 400;
	opacity: 1;
	max-width: 100%;
	padding: 0;
	transition: all 600ms ease;
	color: #3a3a40;
}

#menu #headZ .fa {
	position: absolute;
	bottom: 15px;
	right: 15px;
	font-size: 40px;
}

#menu .informations {
	background-image: url(../img/stripes-noir.png);
	padding: 10px;
	font-weight: 600;
	text-transform: uppercase;
}

.sommaire-title-container .date {
	text-transform: uppercase;
	padding: 0 15px;
	display: none;
	font-size: 16px;
}

.sommaire-title-container .event {
	text-transform:uppercase;
	padding: 0 15px 10px 15px;
	display:none;
}

.sommaire-title-container:hover .event, 
.sommaire-title-container:hover .date {display:block;}

.abstract .date, .informations .date {
	color:#e2007a;
	text-transform:uppercase;
	font-weight: 600;
}

.abstract .date {font-size: 15px;}
.informations .date {font-size: 16px;}

.abstract .lieu, .informations .lieu {
	color:#e2007a;
	font-weight: 500;
}

.abstract .lieu {font-size: 14px;}
.informations .lieu, .informations .lien {font-size: 15px;}
.informations .lien {margin-top: 6px;}
.informations .lien:empty{display: none;}
#container #content .informations .lien a {text-decoration: none;}

.abstract .categorie {
	color:#e2007a;
	font-weight: 700;
	margin: 8px 0;
}

.informations .categorie {
	color:#e2007a;
	font-weight: 700;
	margin: 8px 0 0 0;
}

.abstract .categorie {font-size: 18px;}
.informations .categorie {font-size: 20px;}

.col2 .date {color:#000; font-size: 15px; text-transform:uppercase;}

/*****************
*  menu (gauche)
*****************/

#menu-container, #menu {
	width: 204px;
	margin: 0 31px 0 0;
	text-align:left;
	float: left;
}

.col2 #menu h2 {
	padding: 6px 0;
	margin: -1px 0 0 0;
	border-top: 3px solid #000;
	border-bottom: 2px solid #000;
}

#menu h2, #aside h2 {
	font-size: 22px;
	padding: 0 0 8px 0;
}

#menu h2 {margin: 9px 0 0 0;}

#aside h2 {margin: 9px 0 20px 0;}

#menu h3 {
	font-size: 17px;
	margin: 8px 0 0 0;
	padding: 15px 0 0 0;
	font-weight: bold;
	display: inline-block;
	max-width: 130px;
}

#menu h4 {
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	line-height: 1.6;
}

.col3 #menu h4 {display: none;}

#menu ul {
	margin: 0;
	list-style: none;
	border-bottom: 1px solid;
	padding: 7px 0 18px 0;
}

#menu li {
	list-style: none;
}

#menu ul.last {border: none;}

#menu a {color: #3a3a40;}


/*****************
*	content
*****************/

.pagination {
	font-size: 21px;
	background-repeat: repeat;
	padding: 15px;
}
.sep {padding: 0 5px;}

.lien_pagination {
	text-decoration: none !important;
}

#rubrique-content, #content {
	width: 480px;
	padding: 0;
	text-align: justify;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	float: left;
}

#rubrique-content h3, #content h3 {
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	margin: 20px 0 0 0;
}

#rubrique-content p, #content p {margin: 0 0 13px 0;}
#content .resume {
	margin: 8px 0 0 0;
	font-size: 15px;
}

#rubrique-content a.spip_out, #content a.spip_out {
	padding-right: 7px;
	margin-right: 4px;
	background: transparent url(../img/spip_out.gif) no-repeat right;
}

#rubrique-content a.spip_out:has(button), #content a.spip_out:has(button) {
	padding-right: 0;
	margin-right: 0;
	background: none;
}

#container #content a {
	text-decoration: underline;
	color: #3a3a40;
}

#container .col3 #content a:hover,
#container .col3 #content a:hover h3,
#container .col3 #content .preview-video:hover h3 a {color: #e2007a !important;}

#container #content h2 a {
	letter-spacing: -0.01em;
	text-decoration:none;
	color:#000 !important;
	pointer-events: none;
	cursor: text;
}

#container #content h2 a:hover {
	color:#000 !important;
	pointer-events: none;
	cursor: text;
	text-decoration: none;
}

#container #rubrique-content a {
	text-decoration: underline;
	color: #3a3a40;
}

#content-aside-container {
	float: right;
}

/* mode plan */
.meta-tech {
	margin-top: 0.4em;
}

.plan-rub {
	padding: 5px 0;
	border-bottom: 3px solid #000;
}

.plan-rub table {
	width: 100%;
	height: 100%;
}

.plan-rub td {
	font-size: 16px;
	width: 34%;
	padding: 5px 0 5px 10px;
	height: 100%;
}

.plan-rub td:first-child {
	padding-left: 0;
	width: 32%;
}

.plan-rub td:empty{
	display: none;
}

.plan-rub a {
	padding: 8px;
	display: block;
	border: solid 1px #3a3a40;
	text-decoration: none !important;
	text-align: left;
	height: 100%;
	line-height: 1.4;
	box-sizing: border-box;
	font-weight: normal;
}

#container .col2 #content .plan-rub a.on {
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
	color:#000 !important;
	border: solid 1px #000;
}

#container .col2 #content .plan-rub a:hover {
	border: solid 1px #000;
}

#container .col3 #content .plan-rub a.on {
	background-image: url(../img/stripes-cassis.png);
	background-repeat: repeat;
	color:#e2007a !important;
	border: solid 1px #e2007a;
}

#container .col3 #content .plan-rub a:hover {
	border: solid 1px #e2007a;
}
#container .col4 #content .plan-rub a.on {
	background-image: url(../img/stripes-orange.png);
	background-repeat: repeat;
	color:#ff6300 !important;
	border: solid 1px #ff6300;
}

#container .col4 #content .plan-rub a:hover {
	border: solid 1px #ff6300;
}

#container .col5 #content .plan-rub a.on {
	background-image: url(../img/stripes-bleu.png);
	background-repeat: repeat;
	color:#0899e2 !important;
	border: solid 1px #0899e2;
}

#container .col5 #content .plan-rub a:hover {
	border: solid 1px #0899e2;
}

#container .col6 #content .plan-rub a.on {
	background-image: url(../img/stripes-vert.png);
	background-repeat: repeat;
	color:#00ae96 !important;
	border: solid 1px #00ae96;
}

#container .col6 #content .plan-rub a:hover {
	border: solid 1px #00ae96;
}

.preview-title-container {
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 50;
	height: 45%;
	border: 1px solid;
	background-color: rgba(255, 255, 255, 0.9);
	transition: all 400ms ease;
	cursor: pointer;
	padding: 17px;
}

#container #rubrique-content .preview-title-container h3 a{
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
	line-height: 1.3;
	border-bottom: 2px solid;
	padding-bottom: 7px;
	width: 100%;
	display: block;
}

#rubrique-content .preview-title-container h3 {
	height: 100%;
	margin: 0;
}

/* portolio */ 
.portfolio-container {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	width: 100%;
}

.portfolio-item {
	margin: 0 5px 0 0;
	overflow: hidden;
	border-bottom: 0px solid white;
	transition: all 300ms ease;
}

.portfolio-item img {
	filter: brightness(90%);
	-webkit-filter: brightness(90%);
	width: 114px;
	height: auto;
	border: 1px solid #0000;
	transition: all 300ms ease;
}

.portfolio-item:hover {
	transform: scale(1.08);
	transition: all 300ms ease;
	z-index: 980;
}

.portfolio-item:hover img {
	filter: brightness(100%);
	-webkit-filter: brightness(100%);
	border: 1px solid #000;
	transition: all 300ms ease;
}

.portfolio-item:nth-child(4n) {margin: 0;}

#container #content .portfolio-item a:hover {
	color: white !important;
}

/* portfolio */

.iframe-container {
	line-height: 0;
}

.preview-video .iframe-container {
	line-height: 0;
	margin-bottom: 25px;
}

.col3 .preview {
	border-bottom: 1px solid #e2007a;
	margin: 20px 0;
	display: block;
}

.col4 .preview {
	border-bottom: 1px solid #ff6300; 
	margin: 20px 0;
	display: block;
}

#container .col4 #content .preview:hover a {color: #ff6300;}

.preview-title {
	width: 815px;
	border-top: 3px solid black;
	margin-top: -3px;
}

.preview-title:empty {
	display: none;
}

.preview-title-tile {
	width: 255px;
	height: 255px;
	position: relative;
	margin: 25px 0 0 25px;
	transition: all 400ms ease;
	float: left;
}

.preview-title-tile:nth-child(1),
.preview-title-tile:nth-child(4),
.preview-title-tile:nth-child(7),
.preview-title-tile:nth-child(10) {margin: 25px 0 0 0;}

.preview-title-tile img {
	width: 255px;
	height: 255px;
}

.preview-title-tile-text {
	font-size: 13.5px;
	width: 255px;
	height: 255px;
	position: relative;
	margin: 25px 0 0 0;
	transition: all 400ms ease;
	padding: 15px;
	box-sizing: border-box;
	border: 1px solid;
	text-align: left;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	float: left;
}

.permalink {margin-top: 1em; color: #ddd;}

.meta { margin-bottom: 1em;}
#content .meta a {text-decoration: none !important; border-bottom: 1px solid #3a3a40;}
#rubrique-content .meta a {text-decoration: none !important; border-bottom: 1px solid #3a3a40;}

#container #content .permalink a {color:#aaa !important; text-decoration: none;}
#content .preview h2 {border: none; margin: 0; padding: 0; font-size: 20px; line-height: 24px;}
#content .preview h2 a {text-decoration: none !important;}

#container #rubrique-content .permalink a {color: #aaa !important; text-decoration: none;}
#rubrique-content .preview h2 {border: none; margin: 0; padding: 0; font-size: 20px; line-height: 24px;}
#rubrique-content .preview h2 a {text-decoration: none !important;}

.abstract {
	display: inline-block;
	text-align: left;
}

.col3 .abstract {
	width: 220px;
}

.col4 .abstract {
	width: 340px;
}

.abstract-text {
	display: inline-block;
}

#content .col3 .row h3 {
	font-size: 18px;
	margin: 0;
	line-height: 1.4;
	font-weight: 600;
}

#content .col4 .row h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
}

#content .row a {text-decoration: none !important;}
#rubrique-content .row h3 {font-size: 17px; margin: 0;}
#rubrique-content .row a {text-decoration: none !important;}
#content .col3 h3 {color: #3a3a40 !important; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none;}

/*****************
*  aside
*****************/

#aside-container {
	float: right;
	width: 304px;
	margin: 0 0 0 31px;
}

#aside {
	float: right;
	width: 304px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#aside a {text-decoration: underline;}
#aside a:hover {color: #3a3a40;}
#aside ul {list-style: none; margin: 0; padding: 0;}
#aside li a {text-decoration: none; font-weight: normal;}
#aside form {margin: 7px 0 15px 0;}
#aside #recherche {box-sizing: border-box;}

#aside .bloc {margin: 15px 0;}

/* couleurs */
#aside .col2 a {color: #3a3a40;}
#aside .col3 a {color: #e2007a;}
#aside .col4 a {color: #ff6300;}
#aside .col5 a {color: #0899e2;}
#aside .col6 a {color: #00ae96;}

#aside .col2 a:hover {color: #000;}
#aside .col3 a:hover {color: #3a3a40;}
#aside .col4 a:hover {color: #3a3a40;}
#aside .col5 a:hover {color: #3a3a40;}
#aside .col6 a:hover {color: #3a3a40;}

/*****************
* formulaires
*****************/
#content form p,
#content form li {clear: both; padding: 0;}
#content form p label,
#content form li label {float: left; width:150px; padding-right: 10px; text-align: right;}
#content form textarea {float: left; width: 300px; margin-bottom: 10px;}
#content form input.checkbox {float: left; margin-right: 5px;}
#content form .choix {padding: 3px 0;}
#content form .choix label {width: 260px; text-align: left;}
#content form .boutons {margin-left: 160px;}

/*****************
* misc - commons
*****************/
.spacer {clear: both;}
.required {color: #f00;}
.warning {
	padding: 10px 0 0 0;
	font-size: 24px;
}
.congratulation {margin: 5px; padding: 15px 15px 15px 60px; background: #fff url(../img/but_congratulation.png) no-repeat 5px 5px;}
.hidden {display: none;}
.liner {border-bottom: 1px solid #ddd;}
.invisible {visibility: hidden;}
.right {text-align: right;}

/*****************
* annuaire
*****************/

.col4 .annu_vignette {
	background-image: url(../img/stripes-orange.png);
	background-repeat: repeat;
	line-height: 0;
	position: relative;
}

.col4 .annu_discipline {
	width: 300px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.col4 .annu_titre {
	font-size: 17px;
	color: #ff6300;
	line-height: 1.5;
	text-align: left;
	border-top: 1px solid #ff6300;
	margin: 15px;
	padding-top: 10px;
}

.col3 .informations {
	background-image: url(../img/stripes-cassis.png);
	background-repeat: repeat;
	padding: 18px;
}

.col2 .informations {
	background-image: url(../img/stripes-noir.png);
	background-repeat: repeat;
	padding: 15px;
}

#content .rub0 h3 {
	font-size: 15px;
}

.rub0 ul {
	font-size: 14px;
	padding-left: 18px;
}

	.rub0 ul li {
		margin-bottom: 10px;
	}

#container #content .rub0 a:hover {
	color: #00ae96;
}

/*****************
* spip (reprise de dist + spip-contrib)
*****************/

#spip-admin {margin-right: 200px;}

/* Document (version 2010.10.01) */
dl.spip_documents {margin: 0;}

.spip_documents a.spip_out {
	background: transparent !important;
	text-decoration: none!important;
	border: 0px #fff !important;
} /* pour eviter les bordures sur lien img [<img1>->url] */

.spip_documents_left {
	float: left;
	margin-right: 10px; 
	margin-bottom: 20px;
}

.col6 .spip_documents_left {
	margin-bottom: 10px;
}

.spip_documents_left img[width='140'] {
	margin-bottom: -30px;
}

.spip_documents_right {
	float: right;
	line-height: 0;
}

.col3 .spip_documents_right,.col4 .spip_documents_right {
	margin-bottom: 20px;
}

.col3 .spip_documents_right {
	padding-top: 40px;
	background-image: url(../img/stripes-cassis-2.png);
	background-repeat: repeat;
}

.preview .spip_documents_right_videos {
	line-height: 0;
	margin: 15px 0 25px 0;
}

dl.spip_documents_center,
.spip_documents_center {
	display: block !important;
	float: none;
	text-align: center;
	margin: 5px auto;
}

.spip_doc_titre, .spip_doc_descriptif {
	clear: both; 
	margin-left: auto; 
	margin-right: auto;
	width: 100% !important;
}

img.spip_logos {margin: 0 8px 8px 0 !important;}

.col4 img.spip_logos,
.col3 img.spip_logos {margin: 0 !important;}

dl.spip_documents a img {border: 0 !important;}

/* modele speciale img afficher titre et desc */
.spip_document_titre {
	font-size: 0.9em;
	display: block;
	color: #aaa;
}

#content .spip_document_titre, .spip_doc_titre {
	font-size: 12px;
	display: block;
	color: #3a3a40;
	font-weight: 500;
}

#content .spip_document_titre span, .spip_doc_titre span, .spip_document_descriptif, .spip_doc_descriptif {
	font-size: 10px;
	display: block;
	font-weight: 300;
}

#rubrique-content .spip_document_titre {
	font-size: 12px;
	display: block;
	color: #3a3a40;
	font-weight: normal;
}

/* Paragraphes, citations, code */
blockquote, blockquote.spip {margin: 1em 0; padding : 4px 1em 4px 1em; border: 1px solid #CCC; border-left: 4px solid #A0C0E0; color: #333;}
tt, .spip_code, .spip_cadre {font-family: monospace; font-style: normal; font-size: 1.1em;}
.spip_code { color: #345DA4;}
tt {display: none;}
.spip_cadre {	width: 98%; padding: 4px; padding-top: 0.5em; background: #eee; color: #3465a4; border: 1px inset #eee; border-left: 4px solid #345DA4;}
#content .spip_cadre {float: none;}
#rubrique-content .spip_cadre {float: none;}
.spip_surligne {background: yellow;}

/* Tableaux */
table.spip {margin: auto; margin-bottom: 1em; border: 1px solid; border-collapse: collapse; font-size:15px; font-weight:bold;}
table.spip caption {caption-side: top; text-align: center; margin: auto; padding: 3px; font-weight: bold;}
table.spip tr.row_first {background: #FFC;}
table.spip tr.row_odd {background: #DDD;}
table.spip tr.row_even {background: #EEE;}
table.spip th, table.spip td {padding: 3px; text-align: left; vertical-align: middle;}
table.spip a img {border: 0;}
.table_adherent th {font-size: 10px;}
.table_adherent td {border: 1px solid #888;}


/*****************
* Responsive Design
*****************/

@media only screen and (max-width: 1400px) {
	body {
		background: white;
	}
}