/* BLOC */
.CONTENT {position : relative; width : 320px; margin : 0 auto 0 auto; {padding :  30px 0px 30px 0px;}}

.COL_3 {width : 100%; text-align : center; padding : 0px 40px 0px 40px;}
.COL_4 {width : 100%; text-align : center; padding : 0 0 0 0;}
.COL_9 {width : 100%; text-align : center; padding : 0 20px 0 20px;}

.H400 {min-height : 250px; padding : 0 0 0 0;}

.PC {display : none;}
.TABLETTE {display : none;}
.MOBILE {display : block;}

/* SVG */
.logoSVG,.sourisSVG,.oeilSVG,.cibleSVG,.tasseSVG,.crayonSVG    {width : 100px; height : 140px; margin-top : 20px;}


/* HOME */
#home img {width : 130px; margin-left : 0px;}
.ACCROCHE {	position : relative ;width : 280px;height : 140px; margin : 0px auto 0px auto; background-image : url('dg/accroche.png');	background-size : cover;background-repeat : no-repeat;background-position : center;}	
#home .COL_9:first-child {margin-top:0px;}

/* EN QUELQUES MOTS */
#enquelquesmots img {width : 180px;}
#enquelquesmots .CONTENT {width : 100%; margin : 0 0 0 0; padding : 0 30px 0 30px;}
.ENQUELQUESMOTS {position : absolute; background-image : url('dg/enquelquesmots_2.png'); background-size : cover; height : 86px; width : 149px;top : 50%; left : 50%; margin : -85px 0px 0px -74px;}

/* MON EXPERIENCE */
#monexperience ul {width : 300px; text-align : center;}
#montravail img {width : 250px;}
#monexperience .CONTENT {padding : 30px 0px 30px 0px;}
#montravail .CONTENT {padding : 30px 0px 30px 0px;}
#formulaire .CONTENT {padding : 0px 0px 0px 0px;}
#formulaire .COL_9 {padding : 0px 0px 0px 0px;}
#monexperience .COL_9:nth-child(3) {padding : 0px 0px 0px 0px;}

/* CONTACT */ 
#contact .COL_3:nth-child(2) {margin-top : 30px; }
#contact .COL_3:nth-child(3) {margin-top : 30px; }
#contact img {width : 70px;margin-left : 0px;}

/* BDP */
.BDP {position : absolute; bottom : 20px; width : 100%;}

/* MENU */
#menu {position : absolute; background-color : white; margin-top : 0px; width : 100%;}
#menu ul {width : 90%; height : 35px ;margin : 0px auto 0px auto; text-align : center; padding : 0 0 0 0; overflow : hidden;}
#menu ul li {display : block; width : 100%; height : 30px; font-size : 16px; font-weight : 300; letter-spacing : 1px; margin : 10px 0px 10px 0px; text-transform : uppercase;}
#menu ul a {transition : opacity 0.5s; cursor : hand;}
#menu ul a:hover li {border-bottom : 0px;}
#menu ul a:hover  {opacity: 0.5;}
.MENU:hover {cursor : pointer;}

/* BOUCLE */
#creations a {display : inline-block; height: 160px; }
#creations .COL_4, #creations .COL_3, #creations .COL_2, #creations .COL_7 {width : 160px; height : 160px; text-align : center;}
.SEPARATEUR {display: block; width : 50px; margin : 10px auto 10px auto; border-top : solid 3px white;}
.SEPARATEUR_GAUCHE {display: block; width : 50px; margin : 10px auto 10px auto; border-top : solid 3px white;}
#creations .MASQUE_4, #creations .MASQUE_3, #creations .MASQUE_2, #creations .MASQUE_7 {width : 160px; height : 160px;}
#creations .MASQUE_3 {padding : 50px 20px 0 20px; margin-left : auto; margin-right : auto;}
#creations .MASQUE_4 {padding : 20px 20px 0 20px; margin-left : auto; margin-right : auto;}
#creation .COL_4 {padding : 30px 30px 30px 30px; text-align : center;}
#creation .COL_3 {padding : 30px 30px 30px 30px;}
#creations h5 {font-size : 10px;}
#creations .CONTENT {padding : 0 0 0 0;}
#creations .INFOS {height : 160px;}

/* APPARITION */
.APPARITION{opacity : 0; transition : opacity 0.5s;}
.APPARITION_2{opacity : 0; transition : opacity 0.5s; transition-delay : 0s;}
.APPARITION_3{opacity : 0; transition : opacity 0.5s; transition-delay : 0s;}

.LEFT {text-align : center;}

#creation .CONTENT p {padding: 0px 20px 30px 20px;}