/* colour styles : custom  */
body { background:#FFF;  font-size:14px; line-height:20px;  font-family:'Helvetica',Arial, Helvetica, sans-serif; } /* BACKGROUND */
#wrap { width:94%; margin-left:3%;}

/* font styles */
h1 { font-size:36px; line-height:41px; color:#CCC; padding:0px; margin:0px; margin-bottom:5px; margin-top:5px; font-weight:bold; } /* BOLD */
h2 { font-size:24px; line-height:23px; color:#666; padding:0px; margin:0px; margin-bottom:5px; margin-top:10px; }
h3 { font-size:20px; line-height:25px; color:#666; padding:0px; margin:0px; font-weight:normal; }
h4 { font-size:16px; line-height:25px; color:#666; padding:0px; margin:0px; font-weight:normal; }
h5 { font-size:14px; line-height:22px; color:#666; padding:0px; margin:0px; font-weight:normal; }
h6 { font-size:14px; line-height:22px; color:#666; padding:0px; margin:0px; font-weight:normal; }
p { font-size:14px; color:#333; line-height:20px; margin:0px; padding:0px; padding-top:8px; padding-bottom:8px; font-family:'Helvetica',Arial, Helvetica, sans-serif; }

h1,h2,h3,h4,h5,h6,p,li,a { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } /* ANTI ALIASING */

h1,h2,h3,h4,h5,h6 { text-transform:uppercase; } /* TITRE CAPITALE */

#footer-area .widget h3 { font-size:15px; font-weight:bold;} /* TITRE WIDGET AREA */

/* SPAN class="x" */
.bold { font-weight:bold; } /* BALISE STRONG */
.italic { font-style:italic; } /* BALISE ITALIC */
.color { color:#0091d2; } /* COULEUR BLEU IDEM LOGO */
.uppercase { text-transform:uppercase; } /* TEXTE EN CAPITALE */
.capitalize { text-transform:capitalize; } /* PREMIERE LETTRE EN CAPITALE */

/* Filet id="filet-x" */
.filet-color { width:100px; height:1px; background-color:#0091d2; margin-top:10px; margin-bottom:10px; }

/* formulaire RM */
#formulaire { margin-top:20px; margin-bottom:20px; }
#formulaire .wpcf7-not-valid-tip { padding-top: .5rem; font-style: italic; }
#submit-RM { cursor:pointer; font-family:'Helvetica',Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color:#FFF; text-transform:uppercase; background-color:#0091d2; border:0 none; border-radius: 100px; padding: 0.5rem 1rem; }
#submit-RM:hover { background-color:#000; }
.RM-champ-form p:first-child { padding-bottom: 0; }

/* list Styles */
ul { padding:0px; margin:0; margin-left:0px; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:10px; color:#666; }
ul li { font-size:14px; color:#666; padding-left:0px; margin-bottom:7px; list-style:inside; list-style-type:none; text-transform:uppercase; } /* PUCE + CAPITALE */
ol { padding:0px; margin:0; margin-left:25px; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:10px; color:#666; }
ol li { font-size:14px; color:#666; padding-left:10px; margin-bottom:7px;  list-style-type: decimal; }
hr { background:url(../../gridly/images/hr.jpg) top center no-repeat; border:0; outline:0; clear:both; height:10px; }

/* link styles */
.link-black-bold { font-weight: bold; color: #000!important; }
a:link { color:#0091d2; text-decoration:none; }
a:visited { color:#0091d2; text-decoration:none; }
a:hover { color:#333; text-decoration:none; }
a:active { color:#0091d2; text-decoration:none; }
a:focus { outline-style:none; }
.footer-link:link { color:#333; text-decoration:none; }
.footer-link:visited { color:#333; text-decoration:none; }
.footer-link:hover { color:#0091d2; text-decoration:none; }
.footer-link:active { color:#333; text-decoration:none; }
.gridly-copy .rm-tag { margin-top: 1rem; color: #666; font-weight: bold; border-top: 1px solid #999; }
.gridly-copy .rm-tag a { color: #666; }
.gridly-copy .rm-tag a:hover { color: #0091d2; }

/* titre du site invisible */
#header h1 { position:absolute; left:-5000px; top:-5000px; text-indent:-5000px; }
#header p { position:absolute; left:-5000px; top:-5000px; text-indent:-5000px; }

/* logo */
#logo { margin-top:35px; margin-bottom:15px; }
a#logo-rm { background:url(../../gridly-child_RM/images/logo-retour-rm.svg) no-repeat; height:100px; width:150px; display:block; background-position:left top; }
a#logo-rm:hover { background:url(../../gridly-child_RM/images/logo-retour-rm.svg) no-repeat; background-position:left bottom; }

/* header nav styles */
#header { width:100%; position: relative; }
#nav { width:100%; border-top:1px solid #999; height:57px; overflow:hidden; } /* FILET */
#nav ul { display:inline; list-style:none; margin:0px; padding:0px; height:42px; line-height:42px; clear:both; }
#nav ul li { float:left;  display: inline; font-size:14px; margin:0px; padding:0px; text-transform:uppercase; font-weight:bold; } /* MENU TEXTE FORCE CAPITAL, BOLD */
#nav ul li a { display:block; height:42px; margin-right:20px; text-decoration:none; margin-top:10px; color:#666; } /* MENU TEXTE COULEUR */
#nav ul li a:hover { color:#000; } /* MENU TEXTE COULEUR */
#nav ul li a:hover:before { content:url(../../gridly-child_RM/images/arrow-menu-rm.svg); } /* EFFET ROLL OVER content:"> "; */
#nav ul li.current_page_item a { color:#4c4c4c; } /* MENU TEXTE COULEUR PAGE ACTIVE */
#rmdotcom { position: absolute; top: 0px; right: 0px; font-weight: bold; color: #000; }
#rmdotcom a { font-weight: bold; font-size: 14px; color: #000; }
#rmdotcom a:hover { color: #0091d2; }

/* footer styles */
#footer-area { width:100%; display:inline; float:left; padding-top:10px; margin-top:20px; clear:both; border-top:1px solid #999; } /* FILET FOOTER */
#footer-area .widget { width:310px; margin-right:10px; padding-top:15px; display:inline; float:left; font-size:14px; color:#454545; line-height:18px; font-family:'Helvetica',Arial, Helvetica, sans-serif; }
#footer-area .widget h3 { color:#666; text-transform:uppercase; } /* COULEUR TITRE WIDGET */
#footer-area .widget p { color:#000; }
#footer-area .widget ul { margin-left:0px; }
#footer-area .widget li { color:#858585; }
#footer-area .widget a { color:#666; } /* TEXTE LIEN CATEGORIE... */
#footer-area .widget a:hover { color:#000; }
#footer-area .widget a:hover::before { content:url(../../gridly-child_RM/images/arrow-widget-rm.svg); }  /* EFFET ROLL OVER content:"> "; */
#footer-area .widget-copy { width:280px; overflow:hidden; display:inline; float:left; margin-left:0px; } /* margin-left:0px; */

/* ancre go top page */
#ancre { clear:both; width:100%; display:inline; float:left; margin-top:20px; }
a#go-top-page { background:url(../../gridly-child_RM/images/ancre-haut-rm.svg) no-repeat; height:40px; width:62px; display:block; background-position:left top; }
a#go-top-page:hover { background:url(../../gridly-child_RM/images/ancre-haut-rm.svg); background-position:left bottom; }

/* voir d'aurtres publications */
.view-older { margin-top: 20px; text-transform:uppercase; }
.view-older:hover { color:#000000; }

/* reseaux styles */
#reseaux { clear:both; width:100%; border-top:1px solid #999; border-bottom:1px solid #999;display:inline; float:left; margin-top:20px; margin-bottom:10px; } /* FILET */
#reseaux p { padding-top:18px; color:#999; font-size:14px; } /* FOOTER COPYRIGHT TEXTE COULEUR */
#reseaux a { color:#666; text-decoration: none; font-weight: bold; text-transform: uppercase; } /* LIEN MENTIONS */
#reseaux a:hover { color:#000; text-decoration: none; } /* LIEN MENTIONS */
#reseaux a:hover::before { content:url(../../gridly-child_RM/images/arrow-widget-rm.svg); } /* LIEN MENTIONS */

#copyright { clear:both; }

/* pictos social networks */
#pictos li { float:left; text-align:center; list-style:none; text-transform:lowercase; line-height:22px; }
#pictos li a { text-decoration:none; margin: 0 6px 0 0; }
.pictos-tiret { display:block; height:16px; width:1px; border-left:#0091d2 solid 1px; float:left; margin:3px 6px 0 0; }
a#picto_linkedin { background:url(../../gridly-child_RM/images/pictos-social-networks.svg) no-repeat; height:22px; width:22px; display:block; background-position:left top; text-indent:-5000px; }
a#picto_linkedin:hover { background-image:url(../../gridly-child_RM/images/pictos-social-networks.svg); background-position:left bottom; }
.picto-last { padding-right:10px; }

/* post and page styles */
.type-post { width:770px; background:#FFF; margin-top:15px; display:inline; float:left; }
.type-page { width:770px; background:#FFF; margin-right:10px; margin-top:15px; display:inline; float:left; } /* FILET PAGE */
.type-attachment { width:770px; background:#FFF; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-right:10px; margin-top:15px; display:inline; float:left; }
.gridly-image { z-index:5; }
.home .gridly-image img, .home .link-visuel-book img { border-radius:14px; }
.gridly-category { position:relative; width:auto; background:#000; margin-top:-35px; z-index:10; height:30px; overflow:hidden; } /* FOND CATEGORIE */
.gridly-category p { margin:0; padding:0; line-height:30px; padding-left:20px; padding-right:20px; color:#FFF; font-style:italic; }
.gridly-category a { color:#FFF; font-style:italic;} /* FOND CATEGORIE LIEN */
.gridly-category a:hover { color:#0091d2;} /* FOND CATEGORIE LIEN */
.gridly-copy { width:710px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px; overflow:visible; } /* hidden */
.gridly-date { width:150px;  color:#8e8e8e; font-size:11px; }
.size-full { width:100%; height:inherit; }

/* post index styles */
#post-area .post { width:310px; background:#1c1c1c; margin-right:10px; margin-top:15px; position:relative; } /* FOND ARTICLE */
#post-area .post .gridly-copy { width:250px; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:20px; overflow:hidden; clear:both; }
#post-area .post .gridly-date { width:150px;  color:#666; font-size:11px;  border-bottom:1px dotted #FFF; padding-bottom:0; padding-top:0; }
#post-area .post .gridly-link { width:150px; border-top:1px dotted #FFF; border-bottom:1px dotted #FFF; color:#494e51; font-weight: bold; }

/* single post nav styles */
.post-nav { width:35px; display:inline; float:left; margin-left:10px; margin-top:15px; }
.post-next a { background:url(../../gridly-child_RM/images/btn-left-rm.svg) no-repeat; height:35px; width:35px; display:inline; float:left; text-indent:-9999px; background-position:top left; }
.post-next a:hover { background:url(../../gridly-child_RM/images/btn-left-rm.svg) no-repeat; height:35px; width:35px; background-position:top right; }
.post-prev a { background:url(../../gridly-child_RM/images/btn-right-rm.svg) no-repeat; height:35px; width:35px; display:inline; float:left; clear:both; text-indent:-9999px; background-position:top left; }
.post-prev a:hover { background:url(../../gridly-child_RM/images/btn-right-rm.svg) no-repeat; height:35px; width:35px; background-position:top right; }

/* comment styles */
.comments-area ol { list-style:none; margin:0; padding:0;  border-bottom:1px solid #8e8e8e; }
.comments-area li { list-style:none; margin:0; padding:0; border-top:1px solid #8e8e8e; width:100%; clear:both; display:inline; float:left; margin-bottom:10px; padding:10px; }
.avatar { display:none; }
.reply { display:none; }
.comment-meta { display:none; }
.comment-author { font-size:16px; font-weight:bold; font-family: 'Droid Sans', sans-serif; }
#comment-form { width:50%; }
.text-input { clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:14px; }
.comment-input { clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:14px; }
.comment-submit { clear:both; width:120px; height:30px; line-height:25px; background:#e5e5e5; border:1px solid #8e8e8e; }

/* Additional and WordPress styles */
.clear { clear:both;}
.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; margin-right:20px; margin-top:20px; margin-bottom:10px; }
.alignright	{ float: right; margin: 0 0 20px 20px; }
.wp-caption	{  text-align:left; margin-top:5px; margin-bottom:5px; }
.wp-caption-text { margin-top:2px;  text-align:left; font-style:italic;  font-size:11px; color:#999; }
.sticky {}
.gallery-caption {}
.bypostauthor {}
blockquote { font-size:2em; line-height:23px; color:#000; margin-left:20px; border-left: 1px dotted #999; padding-left:25px; margin-top:15px; margin-bottom:15px; }
/* end of css file */

/* my css */
.attachment-summary-image { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .85; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
#post-area .post:hover .attachment-summary-image { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }
.gridly-category { background: #1C1C1C; margin-left: 0px; border-radius: 0 0 7px 7px; }
.gridly-excerpt p { color: #ccc; }
.gridly-copy a:hover, .gridly-link a:hover { color: #FFF; }
.gridly-link-category { color: #FFF!important; }
.page .gridly-copy a:hover { color: #333; text-decoration: underline; }
.post .gridly-copy .btn-web-link, .page .gridly-copy .btn-web-link { font-weight: bold; text-decoration: none; text-transform: uppercase; color: #FFF; background: #0091d2; padding: 10px 20px; border-radius: 50px; -webkit-transition: .5s; transition: .5s; }
.post .gridly-copy .btn-web-link:hover, .page .gridly-copy .btn-web-link:hover { background: #000000; color: #FFF; text-decoration: none; }
.post .gridly-copy .btn-web-link-rm, .page .gridly-copy .btn-web-link-rm { font-weight: bold; text-decoration: none; color: #FFF; background: #0091d2; padding: 10px 20px; border-radius: 50px; -webkit-transition: .5s; transition: .5s; }
.post .gridly-copy .btn-web-link-rm:hover, .page .gridly-copy .btn-web-link-rm:hover { background: #000000; color: #FFF; text-decoration: none; }
.post-template-default .gridly-image img { border-bottom: 1px solid #1C1C1C; }
.post-template-default .gridly-category { margin-top: -6px; }
#formulaire .RM-champ-form input, #formulaire .RM-champ-form textarea { width: 90%; border: 2px solid #ccc; padding: 10px; border-radius: 10px; font-size:14px; }
.category-title span { color: #666; }
.category-template-title { color: #000; }
.category-template-title span { color: #0091d2; }
.btn_projets_identite, .btn_projets_print, .btn_projets_web, .btn_projets_illustration { display: inline-block; margin-right: 1rem; }