/* GENERAL
-------------------------------------------------------------- */ 
 
/* Links  ---------------------------------------------------------- */

a { outline: none; text-decoration:none; color: #418CC0; /* bleu turquoise */}
a:hover {  color: #AFDEF4; /* bleu ciel */ }

a.readmore { display:block; outline: none; text-decoration:none; text-transform:uppercase; font-size:11px; line-height:20px; color: #3D3D3F; /* gris foncé */ }
a.readmore:hover { color: #3D3D3F; /* gris foncé */ }

.front-page a.readmore, .search a.readmore, .archive a.readmore, .entry-related a.readmore{ margin-top:10px; color: #999; /* gris clair */ clear:both}
.front-page a.readmore:hover, .search a.readmore:hover, .archive a.readmore:hover, .entry-related a.readmore:hover {color: #3D3D3F; /* gris foncé */}
	a.readmore span.readmore-points { display:block; float:left; border-bottom:1px dotted #9C9E9F; /* gris moyen */ width:450px; height:10px; float:left; margin-right:2px}
	
.front-page .featured a.readmore { position:absolute; bottom:10px; right:15px;text-align:right; color: #3D3D3F; /* gris foncé */  } 

.edit-links{ height:21px; margin:0; position:absolute; right:0;  top:0px; z-index:10} 
	.post-edit-link,.post-edit-tags, .page-edit-link, .page-add-link{ height:11px; margin:0 0 0 3px; padding:5px; background-color: #CCC; color:#FFF; display:block;  line-height:11px; font-size:11px;-webkit-border-radius: 5px; border-radius: 5px; float:right} 


/* Headers ---------------------------------------------------------- */

h1 {font-size: 24px; font-weight: bold; color: #152D76; /* bleu marine */ text-transform:uppercase; margin-bottom:5px; line-height:1.4}
h1 a{ color: #152D76; /* bleu marine */}
h1 a:hover {color: #AFDEF4; /* bleu ciel */}
			
h1.page-title {font-size: 14px; color: #418CC0; /* bleu turquoise */ }  


h2 { font-size: 21px; font-weight: bold; color: #152D76; /* bleu marine */  margin-bottom:5px; line-height:1.4}
h2.prodtitle { font-size: 16px; }
h2 a { color: #152D76; /* bleu marine */}
h2 a:hover {color: #418CC0; /* bleu turquoise */} 
	
.featured h2.entry-title { margin-bottom:20px}
 
/* A la Une */ .featured h2.entry-title a{ } .featured h2.entry-title a:hover{ } 
/* News */ .news h2.entry-title a{ } .news h2.entry-title a:hover{}

 
h2.post-type{ font-family: 'BlueHighwayDTypeRegular'; font-weight: normal; text-transform:uppercase; padding:10px 20px 20px 10px; text-align: center; height:11px; line-height:11px; color:#FFF; font-size: 17px; float:right ; margin :-10px 10px 5px 0}
h2.post-type a{ color:#000; }
 
/* A la Une */ .featured h2.post-type{ width: 80px; height:20px; background: url(../images/types/featured.png) no-repeat top right; line-height:20px; padding:20px 26px 5px 14px; font-size:20px; margin-top:-15px; margin-right:0;}
/* News */ .news h2.post-type { background:url(../images/types/news.png) no-repeat top right;}
 


h3 {font-size:20px; color:#58585A; /* gris taupe */ font-weight: normal; line-height:24px; margin-bottom:10px}
	h3 a {color:#58585A; /* gris taupe */}
	h3 a:hover {color:#3D3D3F; /* gris foncé */}	

.single h3.entry-title, .post-type-archive-evenements h3.entry-title {font-size:25px; line-height:30px}

.entry-related h3.entry-title {font-size:14px; line-height:14px;}  

h4 { color:#152D76; /* bleu marine */ margin:0 0 5px 0 ; line-height:1.4; font-size:14px; text-transform:uppercase}
	h4 a { color:#152D76; /* bleu marine */ }
	h4 a:hover, h4.entry-title a:hover {color:#AFDEF4; /* bleu ciel */ }	

h4.entry-title {  text-align:center; text-transform:uppercase}
	h4.entry-title a { }
	h4.entry-title a:hover, h4.entry-title a:hover { }	
	
h4.widget-title { color:#FFF; font-size:18px; font-weight:normal}
	h4.widget-title a { }
	h4.widget-title a:hover, h4.widget-title a:hover { }	
	
.entry-related h4.widget-title, .entry-taglist h4.widget-title { background: url(../images/entry-related.png) no-repeat top left; height:34px; padding-left:22px;padding-top:12px; font-size:12px; line-height:20px; margin-bottom:5px} 	

	hr { background-color:#3D3D3F; /* gris foncé */ margin:0}  
			

/* Colors ---------------------------------------------------------- */

.turquoise { color: #418CC0; /* bleu turquoise */}
.turquoise:hover { color: #00BDFF; /* bleu turquoise hover */}

.canard { color:#AFDEF4; /* bleu ciel */ }
.canard:hover { color:#418CC0; /* bleu turquoise */ }

.marine { color:#152D76; /* bleu marine */ } 
.marine:hover { color:#418CC0; /* bleu header */ }  


/* FORMS & BUTTONS ---------------------------------------------------------- */
 
/* Form fields, general styles first */
button,input,textarea { border: none;font-family: Arial, Helvetica, sans-serif; } 
textarea { font-size: 100%; overflow: auto; vertical-align: top; border: 1px solid #9C9E9F; /* gris moyen */ padding:3px 5px; color:#3D3D3F; /* gris foncé */line-height:19px; font-size:13px}

input[type="text"], input[type="email"], input[type="tel"]{ border: 1px solid #3D3D3F; /* gris foncé */ height: 17px; line-height:17px;padding:3px 5px; color:#3D3D3F; /* gris foncé */ border: 1px solid #9C9E9F; /* gris moyen */ margin-bottom:15px; font-size:11px}
#searchform input[type="text"]{color:#9C9E9F; /* gris moyen */ background: #FFF url(../images/search.png) no-repeat 3px center; padding-left:25px; font-size:11px }
input[type="submit"] { padding:2px 5px 0 5px; color:#3D3D3F; /* gris foncé */border-radius: 3px; font-size:17px; line-height:22px; cursor:pointer; background-color:#ececed; /* gris très clair */
-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.7);
box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.7);}
input[type="submit"]:hover {-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.7);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.7);} 
	
/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] { border: 0; border-radius: 0; padding: 0; margin-bottom:15px }

label { margin-right:10px; margin-bottom:15px}

 


/* MEDIAS ---------------------------------------------------------- */ 

img.wp-post-image { max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }

/* Make sure videos and embeds fit their wrappers */
embed,
iframe,
object,
video { max-width: 100%; } 

/* Images */
.alignleft { float: left;margin: 0 20px 10px 0; }
.alignright { float: right;margin: 0 0 10px 20px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto;margin-top: 10px;margin-bottom: 10px; }
.list .alignleft, .list .alignright, .list .aligncenter  { }
.front-page .alignleft, .front-page .alignright, .front-page .aligncenter { margin-bottom: 0; }
#navigation .alignleft, #navigation .alignright, #navigation .aligncenter { margin : 0; }
 
.wp-caption { max-width: 100%; /* Keep wide captions from overflowing their wrapper. */ padding: 4px; }
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption { font-style: italic; font-size: 12px; line-height: 1; color: #757575; }
.news .entry-caption { clear:left; }
 

.entry-content dl.gallery-item { margin: 0; }

.gallery-item a,
.gallery-caption { width: 90%; }
.gallery-item a { display: block; }
.gallery-caption a { display: inline; }
.gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; }
.gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; }
.gallery-columns-1 .gallery-icon img { padding: 3%; }