@charset "utf-8";

html,body {
	height:100%;
	cursor:default;
}

@font-face {
	font-family:"Cambria";
	src:url(C:/Users/Alice/Desktop/2015/SITE PERSO/ELEMENTS/fonts/Cambria.ttf);
	font-weight:400;
}

@font-face {
	font-family:"Cambria";
	src:url(C:/Users/Alice/Desktop/2015/SITE PERSO/ELEMENTS/fonts/Cambria-Bold.ttf);
	font-weight:600;
}

* {
	margin:0px;
	padding:0px;
}

body {
	font-family:"Cambria",Georgia, "Times New Roman", Times, serif;
}

.eclaboussures {
	background-image:url(ELEMENTS/SCN_0010-10.jpg);
	background-size:cover;
}

.ligneV {
	border-bottom:3px solid rgba(152,193,29,1);
}

a {
	color:black;
	text-decoration:none;
}

a:hover {
	color:rgba(152,193,29,1);
}

#bigsquare {
	background-color:white;
	width:400px;
	height:240px;
	padding:90px 0 70px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-200px;
	text-align:center;
	background-image:url("ELEMENTS/ag_logo.svg");
	background-repeat:no-repeat;
	background-size:75px;
	background-position:center;
	
}

#bandeauM {
	background-color:white;
	top:0px;
	left:40px;
	right:40px;
	height:60px;
	position:fixed;
	padding-top:30px;
	background-image:url("ELEMENTS/ag_logo.svg");
	background-repeat:no-repeat;
	background-size:60px;
	background-position:center;
	z-index:1000;
}

#bandeauM2 {
	background-color:white;
	height:60px;
	width:100%;
	max-width:1200px;
	position:fixed;
	padding-top:30px;
	background-image:url("ELEMENTS/ag_logo.svg");
	background-repeat:no-repeat;
	background-size:60px;
	background-position:center;
	z-index:1000;
	top:0px;
}

#namehome {
	font-size:22px;
	font-weight:600;

}

#bandeauM #namehome, #bandeauM2 #namehome {
	display:inline-block;
}

#bigsquare nav {
	width:200px;
	position:absolute;
	margin-left:-100px;
	left:50%;
	bottom:40px;
}

nav li {
	list-style:none;
}

nav.menuV li {
	display:block;
}

nav.menuH {
	float:right;
}

nav.menuH li {
	display:inline-block;
	font-size:18px;
}

.menulink {
	display:block;
	padding:5px;
}

#whitebackground {
	background-color:white;
	background-size:cover;
	background-position:center;
	margin:0px;
}

/*///////////////PORTFOLIO////////////////*/

#wrapH {
	margin:93px 40px 0 40px;
	white-space:nowrap;
}

#wrapH div{
	position:relative;
	overflow-x:auto;
}

.listClient {
	background-repeat:no-repeat;
	display:inline-block;
	position:absolute;
	min-height:30px;
}

.listClient.pos1 {
	background-image:url(ELEMENTS/reseau1.2.svg);
	background-position:top right;
	padding-top:596px;
	padding-right:40px;
}

.listClient.pos2 {
	background-image:url(ELEMENTS/reseau1.2.svg);
	background-position:top left;
	padding-top:596px;
	padding-left:40px;
}

.listClient.pos3 {
	background-image:url(ELEMENTS/reseau3.svg);
	background-position:top right;
	padding-top:727px;
	padding-right:48px;
	text-align:right;
}

.listClient.pos4 {
	background-image:url(ELEMENTS/reseau4.svg);
	padding-top:596px;
	padding-left:48px;
}

/*///////////////PAGE CLIENT////////////////*/

#wrapV {
	margin:0px auto 0 auto;
	max-width:1200px;
	position:relative;
}

#banniere {
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	height:250px;
	position:relative;
	margin-top:103px;
}

#banniere > div {
	background-color:rgba(255,255,255,0.7);
	display:inline-block;
	padding:20px 30px;
	position:absolute;
	top:130px;
}

#nameclient {
	font-size:30px;
}

#catclient {
	font-size:25px;
	color:rgba(152,193,29,1);
	text-shadow:0px 0px 1px white;
}

.mag-Row {
	margin-top:10px;
}

.mag-Row {
	height:500px;
}

.mag-RowLitl {
	margin-top:10px;
}

.mag-RowLitl {
	height:250px;
}



.mag-Text, .mag-Img, .mag-MagicCol {
	float:left;
}

.mag-Text {
	border-bottom:3px solid rgba(152,193,29,1);
	box-sizing:border-box;
	padding:20px;
	font-size:16px;
	overflow:auto;
}

.mag-Text > div {
	margin-top:10px;
}

.mag-Title {
	color:rgba(152,193,29,1);
	font-size:18px;
}

.mag-Detail {
	color:rgba(152,193,29,1);
	font-size:16px;
}

.icone {
	width:70px;
	height:70px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:center;
}

.mag-Img {
	background-size:cover;
	background-position:center;
}

.mag-Row .col1-1, .mag-RowLitl .col1-1 {width:calc(20% - 5px);}
.mag-Row .col1-2, .mag-RowLitl .col1-2 {width:calc(20% - 6.6px);}
.mag-Row .col2-1, .mag-RowLitl .col2-1 {width:calc(40% - 5px);}
.mag-Row .col2-2, .mag-RowLitl .col2-2 {width:calc(40% - 6.7px);}
.mag-Row .col3-1, .mag-RowLitl .col3-1 {width:calc(60% - 5px);}
.mag-Row .col3-2, .mag-RowLitl .col3-2 {width:calc(60% - 6.7px);}
.mag-Row .col5, .mag-RowLitl .col5 {width:100%;}

.mag-Row .row1, .mag-RowLitl .row1 {height:calc(33% - 5px);}
.mag-Row .row2, .mag-RowLitl .row2 {height:calc(50% - 5px);}
.mag-Row .row3, .mag-RowLitl .row3 {height:calc(67% - 5px);}
.mag-Row .row4, .mag-RowLitl .row4 {height:100%;}

.mag-Row .mLft, .mag-RowLitl .mLft {margin-left:10px;}
.mag-Row .mTop, .mag-RowLitl .mTop {margin-top:10px;}





#wrapFin {
	width:100%;
	margin:50px 0;
}

.nextLft {
	background-image:url(ELEMENTS/nextLeft.svg);
	background-position:right;
	background-repeat:no-repeat;
	display:inline-block;
	width:40%;
	text-align:right;
}

.nextRight {
	background-image:url(ELEMENTS/nextRight.svg);
	background-position:left;
	background-repeat:no-repeat;
	display:inline-block;
	width:40%;
	float:right;
}

.nextLft-Text {
	color:rgba(152,193,29,1);
	font-size:18px;
	background-color:white;
	display:inline-block;
	padding:15px;
	margin-right:50px;
}

.nextRight-Text {
	color:rgba(152,193,29,1);
	font-size:18px;
	background-color:white;
	display:inline-block;
	padding:15px;
	margin-left:50px;
}


/*///////////////ABOUT////////////////*/

.TabInfo {
	margin-top:103px;
}

td {
	padding:0 10px 10px;
	
}

td li {
	list-style:none;
}

.tab-Text {
	font-size:16px;
}

td ul+img {
	margin-top:5px;
}

.cv-Row {
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
}

.cv-RowLft {
	width:50%;
	text-align:right;
	float:left;
}

.cv-RowLft div {
	padding-right:45px;
}

.cv-RowRight {
	width:50%;
	text-align:left;
	float:right;
}

.cv-RowRight div {
	padding-left:70px;
	padding-top:100px;
}

.listCv {
	background-repeat:no-repeat;
	display:inline-block;
	position:absolute;
	min-height:30px;
	width:85px;
}


.listCv.pos1 {
	background-image:url(ELEMENTS/reseau1.2.svg);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:596px;
}

.listCv.pos3 {
	background-image:url(ELEMENTS/reseau3.svg);
	background-position:top center;
	padding-top:900px;
}

.listCv.pos4 {
	background-image:url(ELEMENTS/reseau4.svg);
	background-position:top right;
	padding-top:596px;
}

.cv-Titl {
	font-size:18px;
	color:rgba(152,193,29,1);
	margin-top:50px;
	display:block;
}

.cv-SsTitl {
	font-size:16px;
	color:rgba(152,193,29,1);
}

.cv-Text {
	font-size:16px;
}

.cv-Telechargement {
	text-align:center;
	font-size:18px;
	color:rgba(152,193,29,1);
}


/*//////////FORMULAIRE CONTACT////////////////*/

.msgOk {
	padding:30px;
	color:rgba(152,193,29,1);
	font-size:16px;
	margin:30px auto;
}

.msgError {
	padding:30px;
	background-color:#F30;
	font-size:16px;
	margin:30 px auto;
}

form {
	padding-top:50px;
}

.frmText {
	border:2px solid rgba(152,193,29,1);
	padding:10px;
	font-size:16px;
	font-family:'Cambria',Georgia, "Times New Roman", Times, serif;
	color:#rgba(152,193,29,1);
	margin:0px;
	display:block;
	width:100%;
	box-sizing:border-box;  
}

.frmText+.frmText {
	border-top:0px;
}
.frmMsg {
	padding:10px;
	font-size:16px;
	font-family:'Cambria',Georgia, "Times New Roman", Times, serif;
	color:rgba(152,193,29,1);
	border:2px solid rgba(152,193,29,1);
	resize: vertical;min-height:250px;
	margin-top:50px;
	display:block;
	width:100%;
	box-sizing: border-box;  
}

.frmBouton {
	padding:10px;
	font-size:18px;
	font-family:'Cambria',Georgia, "Times New Roman", Times, serif;
	color:rgba(152,193,29,1);
	background-color:#FFF;
	border:2px solid rgba(152,193,29,1);
	margin:30px auto;
	display:block;
	width:206px;
	cursor:pointer;
}
.frmBouton:hover {
	color: #FFF;
	background-color:rgba(152,193,29,1);
}

/*//////////RESPONSIVE////////////////*/

@media screen and (max-width:1000px){
	.mag-Row {height:400px;}
	.mag-RowLitl {height:200px;}
}

@media screen and (max-width:800px){
	.mag-Row {height:330px;}
	.mag-RowLitl {height:150px;}
	.mag-Text, .mag-Img, .mag-MagicCol {float:none; margin:0px; padding:0px; width:100%;}
}