@charset "utf-8";
@import url("../webfonts/gordita/cicle-gordita.css");
@import url("../webfonts/lato/lato.css");



* {
	margin: 0px;
	padding: 0px;
}
header, footer, aside, section, article, hgroup , nav{
	display: block;
}
ul {
	list-style-type: none;
}
a {
	text-decoration: none;
	color: #333;
}



em {
	font-family: Lato, arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: light;
}
strong {
	font-weight: bold;
}
h1 {
	font-size: 21px;
	font-style: normal;
	font-weight: normal;
	font-family: "Cicle Gordita", arial, tahoma;
}
h2 {
	font-family: Lato, arial, sans-serif;
	font-size: 16px;
	line-height: 36px;
	/* [disabled]margin-bottom: 30px; */
	/* [disabled]padding-bottom: 5px; */
	letter-spacing: 2px;
	font-weight: normal;
}

h3 {
	font-family: Lato, arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
}


h4 {
	font-family: Lato, arial, sans-serif;
	font-size: 16px;
	/* [disabled]color: #1E0043; */
	text-transform: uppercase;
	font-weight: normal;
}
div:after {
	display: block;
	clear: both;
	content: "";
}
#container {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	/* [disabled]max-width: 1140px; */
	position: relative;
}
#container:after {
	display: block;
	clear: both;
	content: " ";
}
#corps #menulate {
	width: 734px;
	position: fixed;
	top: 0px;
	z-index: 2000;
	left: -615px;
	display: none;
}

#corps #menulate #openclose {
	/* [disabled]border-radius: 3px; */
	/* [disabled]box-shadow: inset 0px 2px 0px rgba(255,255,255,0.5),0 -1px 0 rgba( 255, 255, 255, 0.4); */
	display: block;
	width: 32px;
	float: right;
	cursor: pointer;
	margin-right: 120px;
}
#corps #menulate #openclose #close {
	display: none;
}
#corps #menulate #openclose p img {
	/* [disabled]display: block; */
	vertical-align: middle;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 1px;
}
#corps #menulate .a-li-late     {
	/* [disabled]width: 200px; */
	display: block;
}
#corps #menulate ul li.late-home:hover {
	background-color: #CCCCCC;
}
#corps #menulate ul li.late-onglet1:hover {
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: right top;
}
#corps #menulate ul li.late-onglet2:hover {
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: right top;
}
#corps #menulate ul li.late-onglet3:hover {
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: right top;
}
#corps #menulate ul li.late-onglet4:hover {
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: right top;
}
#corps #menulate ul li.late-onglet5:hover {
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: right top;
}
#corps #menulate ul li.late-onglet6:hover {
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: right top;
}	
body {
	font-family: Lato, arial, sans-serif;
	color: #333333;
	font-size: 18px;
	line-height: 21px;
	/* [disabled]height: auto; */
	width: 100%;
	letter-spacing: 0px;
}
header {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 1140px;
	position: relative;
}
.header-imm {
	width: 100%;
	text-align: center;
	height: 270px;
	background-repeat: no-repeat;
	background-position: center;
	/* [disabled]margin-top: 60px; */
	margin-left: auto;
	margin-right: auto;
	max-width: 1140px;
}
header:after {
	display: block;
	clear: both;
	content: " ";
}
#corps #marge {
	width: 100%;
	height: 100px;
}
#corps:after {
	display: block;
	clear: both;
	content: " ";
}
section:after {
	display: block;
	clear: both;
	content: "";
}

#corps .div-backdarkgrey .section #qui-cont div #ima {
	float: left;
	margin-right: 3%;
	margin-top: 10px;
}
#corps .div-backdarkgrey .section #qui-cont div #ima img {
	height: auto;
	width: 100%;
}
#contact-me #at-img {
	float: right;
	width: 80px;
	margin-top: -18px;
	margin-right: -28px;
}
#contact-me #case_name, #case_surname, #case_mail {
	height: auto;
	width: 33.1%;
	float: left;
	margin-bottom: 20px;
	font-family: aldosemibold, sans-serif, arial;
	/* [disabled]color: rgba(204,204,204,1); */
	font-weight: normal;
	font-size: 18px;
}
#contact-me #name, #surname, #mail , #subject, #message{
	width: 120px;
	background-color: #eeeeee;
	border-right-width: thin;
	border-bottom-width: thin;
	border-top-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-left-style: none;
	box-shadow: inset 4px 4px 2px 0px rgba(204,204,204,0.5);
	border-right-style: solid;
	border-bottom-style: solid;
	height: 15px;
	border-right-color: rgba(204,204,204,0.5);
	border-bottom-color: rgba(204,204,204,0.5);
}
#contact-me #objet , #mess{
	width: 100%;
	margin-bottom: 5px;
	margin-top: 2px;
	font-family: aldosemibold, sans-serif, arial;
	font-size: 18px;
	font-weight: normal;
	/* [disabled]color: rgba(204,204,204,1); */
}
#contact-me #subject {
	width: 45%;
	margin-bottom: 20px;
}
#contact-me #message  {
	width: 100%;
	height: 50px;
	margin-bottom: 20px;
	background-color: #eeeeee;
}
#contact-me #mess-at:after {
	display: block;
	clear: both;
	content: "";
}
#contact-me #poster {
	/* [disabled]width: 6.5789473684%; */
	float: right;
}
#contact-me #poster #envoi {
	background-color: #666666;
	border-radius: 3px;
	border: thin solid #666666;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	text-shadow: 0px 2px 0px rgba(102,102,102,0.2);
	box-shadow: inset 0px 2px 0px rgba(255,255,255,0.5),0 -1px 0 rgba( 255, 255, 255, 0.4);
	color: #FFFFFF;
	font-family: "Cicle Gordita", arial, tahoma;
	font-size: 18px;
	letter-spacing: 1px;
}
#contact-me #poster #envoi:hover {
	box-shadow: 3px 3px 2px rgba(153,153,153,0.5),0 -1px 0 rgba( 255, 255, 255, 0.4);
	color: #FFFFFF;
	text-shadow: 0px 0px 0px;
}
#image {
	/* [disabled]display: none; */
}
#mentions {
	height: 0px;
	opacity: 0;
	width: 0px;
}
#coor {
	height: 0px;
	opacity: 0;
	width: 0px;
}

footer:after {
	display: block;
	clear: both;
	content: " ";
}
#footnav {
	padding-top: 1%;

}


footer #foot-content {
	width: 100%;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
footer #menubot ul li {
	display: inline-block;
	margin-left: 5.701754385964912%;
	margin-right: 5.701754385964912%;
	font-size: 0px;
}
footer #menubot ul li a {
	height: 67px;
	width: 67px;
	display: block;
	margin-top: -47px;
}
.col2pad3 {
	float: left;
	height: auto;
	width: 8.9122807018%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	box-shadow: 10px 10px 1px 0px rgba(221,221,221,0.5);
	background-color: #FFFFFF;
	line-height: 28px;
	padding: 3%;
}
.col3pad3   {
	float: left;
	height: auto;
	width: 17.2456%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	/* [disabled]box-shadow: 10px 10px 1px 0px rgba(153,153,153,0.3); */
	background-color: #FFFFFF;
	line-height: 28px;
	padding: 3%;
}

.col3pad3-right {
	float: right;
	height: auto;
	width: 17.2456%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	/* [disabled]box-shadow: 10px 10px 1px 0px rgba(153,153,153,0.3); */
	background-color: #FFFFFF;
	line-height: 28px;
	padding: 3%;
}

.col3pad3-height {
	float: left;
	height: 382px;
	width: 17.2456%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	/* [disabled]box-shadow: 10px 10px 1px 0px rgba(153,153,153,0.3); */
	background-color: #FFFFFF;
	line-height: 28px;
	padding: 3%;
}
.col5pad3 {
	float: left;
	height: auto;
	width: 33.9122807018%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	box-shadow: 10px 10px 1px 0px rgba(221,221,221,0.5);
	background-color: #FFFFFF;
	line-height: 28px;
	padding: 3%;
}
.col6pad3 {
	float: left;
	height: auto;
	width: 42.2456140351%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	box-shadow: 10px 10px 1px 0px rgba(221,221,221,0.5);
	background-color: #FFFFFF;
	line-height: 28px;
	padding: 3%;
}
.archive-header {
	height: auto;
	background: linear-gradient(rgba(255,153,0,0.8),rgba(255,153,0,0.1));
	background-color: rgba(255,153,0,0.5);
}
.col7pad3 {
	float: left;
	height: auto;
	width: 50.5789%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	box-shadow: 10px 10px 1px 0px rgba(221,221,221,0.5);
	background-color: #FFFFFF;
	line-height: 28px;
	padding: 3%;
}
.col9pad3   {
	float: left;
	height: auto;
	width: 67.2456%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	/* [disabled]box-shadow: 10px 10px 1px 4px rgba(153,153,153,0.3); */
	background-color: #FFFFFF;
	line-height: 28px;
	padding: 3%;
}
.col9pad3-right {
	float: right;
	height: auto;
	width: 67.2456%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	/* [disabled]box-shadow: 10px 10px 1px 4px rgba(153,153,153,0.3); */
	background-color: #FFFFFF;
	line-height: 28px;
	padding: 3%;
}

.col10pad3 {
	float: left;
	height: auto;
	width: 75.5789%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	box-shadow: 10px 10px 1px 0px rgba(221,221,221,0.5);
	background-color: #FFFFFF;
	line-height: 28px;
	padding: 3%;
}
.col11pad3 {
	float: left;
	height: auto;
	width: 83.9122807018%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	box-shadow: 10px 10px 1px 0px rgba(221,221,221,0.5);
	background-color: #FFFFFF;
	line-height: 28px;
	padding: 3%;
}
.col12pad3 {
	float: left;
	height: auto;
	width: 92.2456140351%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	background-color: #FFFFFF;
	line-height: 28px;
	padding: 3%;
	margin-bottom: 1.7543859649%;
}
.col12pad6 {
	float: left;
	height: auto;
	width: 86.2456%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	background-color: #FFFFFF;
	line-height: 28px;
	padding: 6%;
	/* [disabled]margin-bottom: 6%; */
}

.col12 {
	float: left;
	height: auto;
	width: 100%;
}
.col12center {
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: rgba(255,204,0,1);
	letter-spacing: 1px;
}

.col12-92percent {
	height: auto;
	width: 92.2456140351%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 3%;
}
.col12-home {
	height: auto;
	width: 98.2456140351%;
	margin-left: 0.8771929825%;
	margin-right: 0.8771929825%;
}
.col12-header-section {
	height: auto;
	width: 92.2456%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	/* [disabled]background-color: #FFFFFF; */
	/* [disabled]box-shadow: 10px 10px 1px 0px rgba(221,221,221,0.5); */
	background: linear-gradient(rgba(255,204,0,0.8), rgba(255,204,0,0.1));
	padding-right: 3%;
	padding-left: 3%;
	padding-top: 3%;
	padding-bottom: 1%;
}

.col12-shadow {
	float: left;
	height: auto;
	width: 98.2456140351%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	box-shadow: 11px 10px 1px 0px rgba(153,153,153,0.3);
	background-color: #FFFFFF;
	line-height: 28px;
}
.col12-red-border {
	height: auto;
	width: 99.8246%;
	background-color: #FFFFFF;
	border-right: solid 2px #FF3333;
}
.col2 {
	float: left;
	height: auto;
	width: 14.9123%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	/* [disabled]box-shadow: 10px 10px 1px 0px rgba(221,221,221,0.5); */
	margin-top: 20px;
	margin-bottom: 20px;
}
.col3 {
	float: left;
	height: auto;
	width: 23.2456140351%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	/* [disabled]box-shadow: 10px 10px 1px 0px rgba(221,221,221,0.5); */
	margin-top: 20px;
	margin-bottom: 20px;
}
.col2-par {
	float: left;
	height: auto;
	width: 18%;
	margin-left: 0.877193%;
	margin-right: 5%;
	/* [disabled]box-shadow: 10px 10px 1px 0px rgba(221,221,221,0.5); */
	margin-top: 3%;
	margin-bottom: 20px;
	margin-top: 3%;
}

.col3-right {
	height: auto;
	width: 23.2456140351%;
	margin-right: 0.877193%;
	margin-top: -26%;
	float: right;
}


.col4 {
	float: left;
	height: auto;
	width: 31.5789473684%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
}
.col4pad3 {
	float: left;
	height: auto;
	width: 25.5789%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	/* [disabled]box-shadow: 10px 10px 1px 0px rgba(153,153,153,0.3); */
	background-color: #FFFFFF;
	line-height: 28px;
	padding: 3%;
	margin-top: 1%;
}
.col4pad3-nomargin {
	float: left;
	height: auto;
	width: 25.5789%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	/* [disabled]box-shadow: 10px 10px 1px 0px rgba(153,153,153,0.3); */
	background-color: #FFFFFF;
	line-height: 28px;
	padding: 3%;
}


.col8 {
	height: auto;
	width: 64.9123%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	background-color: #ffffff;
	float: left;
	line-height: 28px;
}
.col8pad3 {
	height: auto;
	width: 58.9123%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	background-color: #ffffff;
	padding: 3%;
	line-height: 28px;
	float: left;
}
.col8pad3-right {
	height: auto;
	width: 58.9123%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	background-color: #ffffff;
	padding: 3%;
	line-height: 28px;
	float: right;
	margin-top: 1%;
}




.col4-logo {
	float: left;
	height: auto;
	width: 31.4035%;
	margin-left: 34.2983%;
	margin-right: 34.29825%;
	margin-top: 4%;
	margin-bottom: 4%;
}


.col3-nomargin {
	float: left;
	height: auto;
	width: 23.2456%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	margin-top: -8.4%;
}


.col6 {
	float: left;
	height: auto;
	width: 48.2456%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	box-shadow: 10px 10px 1px 0px rgba(221,221,221,0.5);
	margin-top: 20px;
	margin-bottom: 20px;
}
.col6-foot {
	float: left;
	height: auto;
	width: 48.2456140351%;
	margin-left: auto;
	margin-right: auto;
	/* [disabled]box-shadow: 10px 10px 1px 0px rgba(221,221,221,0.5); */
	margin-top: 20px;
	margin-bottom: 20px;
}
.col9 {
	float: left;
	height: auto;
	width: 73.2456%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	/* [disabled]box-shadow: 10px 10px 1px 0px rgba(221,221,221,0.5); */
	margin-top: 20px;
	margin-bottom: 20px;
}
.col9-marg-top {
	float: left;
	height: auto;
	width: 73.2456%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	/* [disabled]box-shadow: 10px 10px 1px 0px rgba(221,221,221,0.5); */
	margin-bottom: 20px;
}
.col10 {
	float: left;
	height: auto;
	width: 81.5789473684%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	/* [disabled]box-shadow: 10px 10px 1px 0px rgba(221,221,221,0.5); */
	margin-top: 20px;
	margin-bottom: 20px;
}
.align-center {
	text-align: center;
}
.a-underlined {
	color: rgba(255,0,0,1);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,0,0,1);
}
.a-red {
	color: rgba(255,0,0,1);
}

.a-red:hover {
	color: rgba(102,102,102,1);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(102,102,102,1);
}


.a-underlined:hover {
	color: rgba(102,102,102,1);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(102,102,102,1);
}



.a-underlined:active {
	color: rgba(204,204,204,1);
}
.a-sous-onglet {
	/* [disabled]color: rgba(255,0,0,1); */
	text-transform: uppercase;
}




.a-li-late {
	font-family: "Cicle Gordita", arial, tahoma;
	font-size: 18px;
	font-style: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 2px;
	text-shadow: 0px 2px 0px rgba(102,102,102,0.2);
}


.ancre {
	/* [disabled]width: 190px; */
	/* [disabled]height: 40px; */

}
.box-bot-shad {
	box-shadow: inset 0px 2px 1px 1px rgba(0,0,0,0.07);
	height: 4px;
	background-color: rgba(238,238,238,1);
}



.close-it {
	display: none;
	color: rgba(255,0,0,1);
}
.open-it a:active {
	display: block;
	color: rgba(255,0,0,1);
	border-bottom: solid thin rgba(255,0,0,1);
}
.center {
	text-align: center;
}





.div-backgrey {
	height: auto;
	width: 100%;
	background-color: rgba(238,238,238,1);
	padding-top: 60px;
	padding-bottom: 60px;
	box-shadow: inset 0px 2px 1px 1px rgba(255,255,255,0.5);
}
.div-backdarkgrey {
	height: auto;
	width: 100%;
	/* [disabled]background-color: rgba(238,238,238,1); */
	padding-top: 4%;
	padding-bottom: 0%;
	box-shadow: inset 0px 2px 1px 1px rgba(0,0,0,0.07);
	box-shadow: inset 0px -2px 1px 1px rgba(0,0,0,0.07);
	background-image: url(css_img/motif-background.png);
	background-repeat: repeat;
	background-position: left top;
}
.div-backdarkgrey-home {
	height: auto;
	width: 100%;
	background-color: #eeeeee;
	padding-bottom: 20px;
	box-shadow: inset 0px 2px 1px 1px rgba(153,153,153,0.3);
	padding-top: 2px;
}
.div-backdarkgrey-contact {
	height: auto;
	width: 100%;
	background-color: #eeeeee;
	/* [disabled]padding-bottom: 20px; */
	box-shadow: inset 0px 2px 1px 1px rgba(153,153,153,0.3);
	padding-top: 2px;
}
.footback {
	width: 100%;
	height: 1300px;
	background: linear-gradient(rgba(255,204,0,0.1), rgba(255,204,0,1));
	border-top: solid 1px #ffffff;
}
.font-size {
	font-size: 16px;
}

.google-map-blank {
	height: auto;
	width: 100%;
	background-image: url(http://www.camsp-apamsp-lorraine.fr/css/css_img/google-map-blank.jpg);
	padding-top: 340px;
}
.grey {
	background-color: rgba(204,204,204,0.5);
}


.flech {
	list-style-position: inside;
	list-style-image: url(../img_site/fleche-img-grey.png);
}

.headback {
	width: 100%;
	height: 257px;
	background: linear-gradient(rgba(255,204,0,0.7), rgba(255,255,255,0.5));
	box-shadow: inset 0px 2px 1px 1px rgba(0,0,0,0.07);
}
.height350 {
	height: auto;
	margin-bottom: 2%;
}
.home-a-index  {
	height: 150px;
	width: 200px;
	font-size: 0px;
	display: block;
	margin-top: -180px;
}

.inline-block {
	display: inline-block;
}
.img-logo {
	background-color: #FFFFFF;
	background-image: url(css_img/apamsp-logo-480.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 14.9122807018%;
	background-size: 100%;
}

.img100 {
	height: auto;
	width: 100%;
	/* [disabled]margin-top: -38%; */
	border: thin solid rgba(153,153,153,1);
}
.img100no-border {
	height: auto;
	width: 100%;
}

.img100home {
	height: auto;
	width: 100%;
	margin-top: -78%;
}


.justif {
	text-align: justify;
}

.li-late {
	border-radius: 3px;
	box-shadow: inset 0px 2px 0px rgba(255,255,255,0.5),0 -1px 0 rgba( 255, 255, 255, 0.4);
	display: block;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-top-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-radius: 3px;
	padding-top: 8px;
	padding-right: 30px;
	padding-bottom: 8px;
	padding-left: 30px;
	margin-bottom: 2px;
	width: 550px;
	height: auto;
	background-repeat: repeat-x;
	background-position: left top;
	background-color: rgba(102,102,102,1);
}
.li-late-sous {
	border-radius: 3px;
	box-shadow: inset 0px 2px 0px rgba(255,255,255,0.5),0 -1px 0 rgba( 255, 255, 255, 0.4);
	display: block;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-top-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-radius: 3px;
	padding-top: 8px;
	padding-right: 30px;
	padding-bottom: 8px;
	padding-left: 30px;
	margin-bottom: 2px;
	width: 550px;
	height: auto;
	background-repeat: repeat-x;
	background-position: left top;
	background-color: rgba(102,102,102,0.8);
}

.li-late:hover {
	background-color: rgba(204,204,204,1);
}
.li-late-sous:hover {
	background-color: rgba(204,204,204,1);
}
.li-late-accueil {
	border-radius: 3px;
	box-shadow: inset 0px 2px 0px rgba(255,255,255,0.5),0 -1px 0 rgba( 255, 255, 255, 0.4);
	display: block;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-top-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-radius: 3px;
	padding-top: 8px;
	padding-right: 30px;
	padding-bottom: 8px;
	padding-left: 30px;
	margin-bottom: 2px;
	width: 550px;
	height: auto;
	background-repeat: repeat-x;
	background-position: left top;
	background-color: rgba(102,102,102,1);
}

.li-late-accueil:hover {
	background-color: rgba(204,204,204,1);

}
.line-yellow {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
	display: inline-block;
}
.line-grey {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: rgba(153,153,153,1);
	display: inline-block;
}


.marge {
	height: auto;
	width: 100%;
	padding-top: 10%;
	background-image: url(css_img/marge-entre-section.jpg);
	background-color: #FFFFFF;
	background-position: center center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: 100% auto;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #ffffff;
}
.margin-10 {
	margin-bottom: 20px;
}

.margintop-neg {
	margin-top: -20px;
}

.margbot6 {
	margin-bottom: 6%;
}

.menu-box {
	display: block;
	width: 100%;
	text-align: center;
	height: auto;
	margin-top: -0.3%;
	float: right;
	background-color: rgba(255,255,255,0.7);
}

.navbox {
	max-width: 1140px;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.no-border {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.no-pad-topbot {
	padding-top: 0px;
	padding-bottom: 0px;
}
.no-pad-top {
	padding-top: 0px;
}


.nobackground {
	background-color: rgba(255,255,255,0);

}


.open-it {
	display: block;
}

.onglet-nav {
	/* [disabled]background-color: rgba(204,204,204,1); */
	margin-bottom: 2px;
	display: block;
	float: left;
	font-family: "Cicle Gordita", arial, tahoma;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: 100;
	text-transform: uppercase;
	margin-left: 35px;
	letter-spacing: 3px;
	text-align: left;
	height: 30px;
	color: rgba(51,51,51,1);
	/* [disabled]margin-right: 20px; */
	margin-top: 1%;
}
.onglet-nav-home {
	/* [disabled]background-color: rgba(204,204,204,1); */
	margin-bottom: 2px;
	display: block;
	float: left;
	font-family: "Cicle Gordita", arial, tahoma;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: 100;
	text-transform: uppercase;
	/* [disabled]width: 13%; */
	margin-left: 2%;
	letter-spacing: 3px;
	text-align: left;
	height: 30px;
	color: rgba(51,51,51,1);
	margin-right: 2%;
	margin-top: 1%;
}

.onglet-nav a:active {
	color: rgba(255,0,0,1);
}
.onglet-nav a:hover {
	color: rgba(255,0,0,1);
}
.onglet-nav-home:hover ul.ul2-navbox-top {
	display: block;
}
.sepa-nav {
	/* [disabled]background-color: rgba(204,204,204,1); */
	/* [disabled]margin-bottom: 2px; */
	display: block;
	float: left;
	font-family: "Cicle Gordita";
	font-size: 30px;
	font-style: normal;
	line-height: normal;
	font-weight: 100;
	text-transform: uppercase;
	width: 2%;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 0.8%;
	color: rgba(255,204,0,1);
}
.sepa-right {
	display: inline;
	color: rgba(255,204,0,1);
	font-size: 30px;
	padding-top: 2%;
	margin-left: 35px;
}
.sepa-left {
	display: inline;
	color: rgba(255,204,0,1);
	font-size: 30px;
	margin-right: 35px;
}

.p-spacing {
	margin-bottom: 10px;
}
.pad {
	padding: 3%;

}

.puce-margin {
	margin-right: 10px;
}

.radius3 {
	border-radius: 1%;
}
.radius3top {
	border-radius: 3px 3px 0px 0px;
}
.radius3bot {
	border-radius: 0px 0px 3px 3px;
}
.size-100 {
	height: auto;
	width: 100%;
	padding-bottom: 3%;
}





.section  
  {
	height: auto;
	width: 100%;
	position: relative;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}

.shad {
	box-shadow: 10px -10px 1px 0px rgba(0,0,0,0.05);
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: rgba(255,204,0,0.1);
	border-left-color: rgba(255,204,0,0.1);
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgba(255,204,0,0.1);
}
.shadbot {
	box-shadow: 10px 10px 1px 0px rgba(0,0,0,0.05);
}


.space {
	margin-right: 10px;
	margin-left: 10px;
}

.sous-onglet {
	background-color: rgba(255,255,255,1);
	margin-bottom: 2px;
	border-radius: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 22px;
	padding-right: 22px;
	/* [disabled]width: 200px; */
	/* [disabled]position: absolute; */
	z-index: 2000;
	/* [disabled]float: left; */
}

.sous-onglet:hover {
	display: block;
	background: linear-gradient(rgba(255,204,0,0.8), rgba(255,204,0,0.1));
	background-color: #ffffff;
}
.sous-onglet-late {
	background-color: rgba(255,255,255,1);
	border-radius: 3px;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	width: 160px;
	/* [disabled]position: relative; */
	margin-top: 2px;
	/* [disabled]float: left; */
	height: 30px;
	font-size: 12px;
}
.sous-onglet-late:hover {
	display: block;
	background: linear-gradient(rgba(255,204,0,0.8), rgba(255,204,0,0.1));
	background-color: #ffffff;
}
.sous-onglet-late a:active {
	color: rgba(255,0,0,1);
}
.txt-24px {
	font-size: 24px;
}
.txt-24px-late {
	font-size: 24px;
	margin-left: 2%;
	line-height: 36px;
}
.txt-30px {
	font-size: 30px;
	margin-left: 3%;
	line-height: 45px;
}
.txt-18px-late {
	font-size: 18px;
	margin-left: 2%;
	line-height: 37px;
}
.txt-white {
	color: rgba(255,255,255,1);
	text-shadow: 0px 0px 4px rgba(255,102,0,1)
}
.txt-yell {
	color: rgba(255,204,0,1);
}
.title-red {
	color: rgba(255,0,0,1);
}



.underline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(102,102,102,1);
	display: inline-block;
	margin-bottom: 14px;
	text-transform: uppercase;
}
.uppercase {
	text-transform: uppercase;
	letter-spacing: 3px;
}




.ul-navbox-top {
	position: relative;
}

.ul-navbox-top:after {
	display: block;
	content: "";
	clear: both;
}
.ul2-navbox-top {
	top: 30px;
	list-style-type: none;
	z-index: 100;
	position: absolute;
	-ms-transition: visibility 2s ease;
	-o-transition: visibility 2s ease;
	display: none;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	text-transform: none;
	height: auto;
	padding-top: 2%;
	margin-top: -1.5%;
}
.ul-menulate {
	/* [disabled]background-color: rgba(255,255,255,0); */
}

.ul2-menulate {
	list-style-type: none;
	z-index: 100;
	-ms-transition: visibility 2s ease;
	-o-transition: visibility 2s ease;
	/* [disabled]display: none; */
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	text-transform: none;
	height: auto;
	margin-top: 15px;
	margin-left: -5px;
	margin-bottom: 3px;
	float: none;
}
.ul2-menulate:after {
	content: "";
	clear: both;
	display: block;
}
.ul-menulate:hover ul.ul2-menulate {
	display: block;
}
.white {
	background-color: rgba(255,255,255,1);
}






.iframe-responsive-wrapper        {
    position: relative;
}
.iframe-responsive-wrapper .iframe-ratio {
    display: block;
    width: 100%;
    height: auto;
}
.iframe-responsive-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 346px;
}
#imagelightbox {
	cursor: pointer;
	position: fixed;
	z-index: 10000;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-box-shadow: 10px 10px 1px 0px rgba(0,0,0,0.2); /* 50 */
	-moz-box-shadow: 10px 10px 1px 0px rgba(0,0,0,0.2); /* 50 */
	box-shadow: 15px 15px 2px 1px rgba(0,0,0,0.2);
	width: 100%;
		}
		/* WITH ACTIVITY INDICATION */

		#imagelightbox-loading,
		#imagelightbox-loading div
		{
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
		}
		#imagelightbox-loading
		{
	width: 2.5em; /* 40 */
	height: 2.5em; /* 40 */
	background-color: #444;
	background-color: rgba( 0, 0, 0, .5 );
	position: fixed;
	z-index: 10003;
	top: 50%;
	left: 50%;
	padding: 0.625em; /* 10 */
	margin: -1.25em 0 0 -1.25em; /* 20 */
	-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
	-moz-box-shadow: 0px 0px 2.5em rgba(0,0,0,0.75); /* 40 */
	box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				-moz-animation: imagelightbox-loading .5s ease infinite;
				-o-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@-moz-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-moz-transform: scale( .75 ); }
				50%	 { opacity: 1;	-moz-transform: scale( 1 ); }
				to	 { opacity: .5;	-moz-transform: scale( .75 ); }
			}
			@-o-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-o-transform: scale( .75 ); }
				50%	 { opacity: 1;	-o-transform: scale( 1 ); }
				to	 { opacity: .5;	-o-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}



		/* WITH OVERLAY */

		#imagelightbox-overlay
		{
	background-color: #FFF;
	/* [disabled]background-color: rgba(255,255,255,0.9); */
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
		}



		/* WITH "CLOSE" BUTTON */

		#imagelightbox-close
		{
	width: 2.5em; /* 40 */
	height: 2.5em; /* 40 */
	text-align: left;
	text-indent: -9999px;
	background-color: #666;
	position: fixed;
	z-index: 10002;
	top: 2.5em; /* 40 */
	right: 2.5em; /* 40 */
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
		}
			#imagelightbox-close:hover
			{
				background-color: #111;
			}
			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
	width: 2px;
	background-color: #FFF;
	content: '';
	position: absolute;
	top: 20%;
	bottom: 20%;
	left: 50%;
	margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-moz-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				-o-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-moz-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				-o-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}


		/* WITH CAPTION */

		#imagelightbox-caption
		{
	text-align: center;
	color: #FFF;
	background-color: #666;
	position: fixed;
	z-index: 10001;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.625em; /* 10 */
		}


		/* WITH NAVIGATION */

		#imagelightbox-nav
		{
	background-color: #444;
	background-color: rgba( 0, 0, 0, 0.5 );
	position: fixed;
	z-index: 10001;
	left: 50%;
	bottom: 3.75em; /* 60 */
	padding: 0.313em; /* 5 */
	-webkit-transform: translateX( -50% );
	-moz-transform: translateX( -50% );
	-ms-transform: translateX( -50% );
	-o-transform: translateX( -50% );
	transform: translateX( -50% );
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
		}
			#imagelightbox-nav a
			{
				width: 1em; /* 20 */
				height: 1em; /* 20 */
				border: 1px solid #fff;
				display: inline-block;
				margin: 0 0.313em; /* 5 */

				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
			}
			#imagelightbox-nav a.active
			{
	background-color: #FFF;
			}

	#imagelightbox-loading,
	#imagelightbox-overlay,
	#imagelightbox-close,
	#imagelightbox-caption,
	#imagelightbox-nav
	{
		-webkit-animation: fade-in .25s linear;
		-moz-animation: fade-in .25s linear;
		-o-animation: fade-in .25s linear;
		animation: fade-in .25s linear;
	}
		@-webkit-keyframes fade-in
		{
			from	{ opacity: 0; }
			to		{ opacity: 1; }
		}
		@-moz-keyframes fade-in
		{
			from	{ opacity: 0; }
			to		{ opacity: 1; }
		}
		@-o-keyframes fade-in
		{
			from	{ opacity: 0; }
			to		{ opacity: 1; }
		}
		@keyframes fade-in
		{
			from	{ opacity: 0; }
			to		{ opacity: 1; }
		}



.----------------------------max768px------------------------------------{}
@media screen and (max-width: 768px) {


#corps #menulate {
	display: block;
	width: 768px; 
}
.ul-navbox-top {
	display: none;
}


.menu-box {
	display: none;
	width: 100%;
	text-align: center;
	height: auto;
	margin-top: 30%;
	float: right;
}

.col3-nomargin {
	float: left;
	height: auto;
	width: 48.2456%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
}
.footback {
	width: 100%;
	height: 1600px;
	background: linear-gradient(rgba(255,204,0,0.1), rgba(255,204,0,1));
	border-top: solid 1px #ffffff;
}
.img-logo {
	background-color: #FFFFFF;
	background-image: url(css_img/apamsp-logo-480.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 14.9122807018%;
	background-size: 100%;
}
.col4-logo {
	float: left;
	height: auto;
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 6%;
	margin-bottom: 0%;
	padding-top: 25%;
 
}
.col4pad3-nomarginCopie {
	float: left;
	height: auto;
	width: 25.5789%;
	margin-left: 0.877193%;
	margin-right: 0.877193%;
	/* [disabled]box-shadow: 10px 10px 1px 0px rgba(153,153,153,0.3); */
	background-color: #FFFFFF;
	line-height: 28px;
	padding: 3%;
}
.----------------------------max480px------------------------------------{}
@media screen and (max-width: 480px) {
.headback {
	width: 100%;
	height: 220px;
	background: linear-gradient(rgba(255,204,0,0.7), rgba(255,255,255,0.5));
	box-shadow: inset 0px 2px 1px 1px rgba(0,0,0,0.07);
}
.img-logo {
	background-color: #FFFFFF;
	background-image: url(css_img/apamsp-logo-480.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 14.9122807018%;
	background-size: 100%;
}
.col4-logo {
	float: left;
	height: auto;
	width: 87.5%;
	margin-left: 6.25%;
	margin-right: 6.25%;
	margin-top: 12%;
	margin-bottom: 0%;
	padding-top: 44.1666666667%;
 
}

#corps #menulate {
	width: 460px;
	position: fixed;
	top: 0px;
	z-index: 2000;
	left: -350px;
	display: bloc;
}
#corps #menulate #openclose {
	/* [disabled]border-radius: 3px; */
	/* [disabled]box-shadow: inset 0px 2px 0px rgba(255,255,255,0.5),0 -1px 0 rgba( 255, 255, 255, 0.4); */
	display: block;
	width: 32px;
	float: right;
	cursor: pointer;
	margin-right: 60px;
}

.li-late {
	
	width: 300px;
	
}
.li-late-accueil {
	
	width: 300px;
	
}
.li-late-sous {
	width: 300px
}