/*  
Theme Name: gR
* 
*  PALETTES :  gris clair au foncé : #e2e2e2 #EDEDED;  #D3E0FB; #C2C2C2 #DBDBDB #AFAAAA #969292 #505050
* 
*/

* {
	margin:0;
	padding:0;
	}

body {
font-family:
    "Trebuchet MS",
	"Segoe UI",
    Candara,
    "Bitstream Vera Sans",
    "DejaVu Sans",
    "Bitstream Vera Sans",
    Verdana,
    "Verdana Ref",
    sans serif;
	font-size:100%;
	background: #505050;
	color: #505050;
	}

p {	
	margin: 15px 0;
	}

a:link, a:visited  {
	color: #800;
	text-decoration:none;
	}

a:hover, a:active {
	color: #808080;
	text-decoration:none;
	border-bottom:1px dotted;
	}

a img {
	border:0;
	}


code {
	font: 1.0em 'Courier New', Courier, Fixed;
	background:#ececec;
	}	

acronym, abbr, span.caps {	
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	}			

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	padding: 10px 10px 0 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #ececec;
	font:1.0em;
	line-height:1.5em;
	margin:10px 0px;
	}

select {
	width: 130px;
	}	



/* STRUCTURE */

/* HEAD / ENTETE  */

#head {
	width:930px;
	margin:0px auto;
	margin-top:0px;
	padding:0px 5px 0px 5px;
	font-size:0.7em;
	background:#fff;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	}

#cartouche_options {
	-moz-border-radius:5px;
	border:1px solid #ECECEC;
	float:right;
	margin-left:10px;
	padding:2px 15px;
	
	}


#userbox {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	border:1px solid #ECECEC;
	float:right;
	padding:2px 2px 2px 7px;
	font-size:0.8em;
	width:160px;
	margin-bottom:3px;
	}
	
/* box_menu */
#box_menu li {	
	font-size:1.1em;
	list-style:none;
	cursor: pointer;}

#box_menu li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#box_menu li:hover ul {
	left:0em;
	position:relative;
	display: block;
	width:120px;
	}

#page {
	width:920px;
	margin:0px auto;
	padding:10px;
	background:#eeeeee url(images/bg_stripe.gif);
	font-size:0.7em;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}

.imgleft {
	float:left;
	background-image:url(images/bg_stripe.gif);
	}



/* Navigation Bar*/

		#menubar {
			margin:0 auto;
			padding:0px 10px 0px 10px;
			text-transform:uppercase;
			background:#333333 url(images/navbar.png) no-repeat;
			width:920px;
			font-family:Trebuchet MS, Arial;
			font-size:0.7em;
			border-left:5px solid #fff;
			border-right:5px solid #fff;
			}




		#page-bar {
			padding:0px;
			}


		#page-bar ul {
			list-style: none;
			}

		#page-bar li {
			float:left;
			list-style:none;
			cursor: pointer;
			display:block;
			border-right:1px solid #303030;
			}

		#page-bar li:hover {
			background: #5b5b5b;
			}


		#page-bar a, #page-bar a:visited, #page-bar a:hover {
			color:#EEEEEE;
			display:block;
			font-family:Tahoma,Trebuchet MS,Arial;
			font-weight:bolder;
			letter-spacing:0.2em;
			margin:0;
			padding:5px 14px;
			text-decoration:none;
			border-bottom: 0 none;
			}

		#page-bar p {
			margin:0;
			padding:0;
			}

		#page-bar li {
			float: left;
			margin: 0px;
			padding: 0px;
			}
			
		#page-bar li li {
			float: left;
			margin: 0px;
			padding: 0px;
			width: 150px;
			text-transform:none;
			}
			
		#page-bar li li a, 
		#page-bar li li a:link, 
		#page-bar li li a:visited {
			width: 150px;
			float: none;
			margin: 0px;
			padding: 4px 10px 4px 10px;
			background: #5b5b5b url(images/dots_nav.gif) repeat-x top;
			}
			
		#page-bar li li a:hover, #page-bar li li a:active {
			background: #909090;
			padding: 4px 10px 4px 10px;
			}

		#page-bar li ul {
			position: absolute;
			width: 10em;
			left: -999em;
			}

		#page-bar li:hover ul {
			left: auto;
			display: block;
			}
			
		#page-bar li:hover ul, #page-bar li.sfhover ul {
			left: auto;
			}

		#searchform {
			width:184px;
			float:right;
			text-align:right;
			padding-top:3px;
			margin-right:10px;
			}

		#searchform .field {
			font-size:0.9em;
			padding:2px;
			}	

			
		#tailletexte {
			color:#5B5B5B;
			float:right;
			font-weight:bold;
			margin-right:10px;
			padding-top:5px;
			text-align:right;
			text-transform:none;
			width:184px;
			}

		#tailletexte a:link, 
		#tailletexte a:visited {
			color: #808080;
			text-decoration:none
			}

		#tailletexte a:hover, 
		#tailletexte a:active {
			color: #FFFFFF;
			text-decoration:underline;
			}

	



/* Text*/

h1 {
	font:3.5em Georgia;
	font-weight:bold;
	letter-spacing:-0.08em;
	}

h2 {
	font:2.0em Georgia;
	font-weight:bold;
	}

h3 {
	font-size:1.3em;
	margin-bottom:3px;
	color:#303030;
	font-weight:bold;
	}

h4 {
	font:1.0em;
	}

h3.cat_title, h3.cat_title a {
	/*color:#333333;*/
	letter-spacing:-0.05em;
	}

h3#respond {
	margin-top:0px;
	padding-top:15px;
	border-top:1px solid #e2e2e2;
	font-size:1.2em;
	}

h3#comments {
	margin-top:32px;
	padding-left:0px;
	margin-bottom:15px;
	}

h3.authors {
	margin-top:15px;
	}
	
/* Index Page*/
/* LOGO */
#logo {
	width:584px;
	margin-left:30px;
	margin-top:0;
	background:#fff;
	}

#logo a {
	display:block;
	height:90px;
	text-indent:-9999px;
	background:url(images/logo/logo.jpg) top left no-repeat;		
	}

#logo a:hover {
	border-bottom:0px;
	}

    
.category {
	width:164px;
	float:left;
	border-top:8px solid #333333;
	margin:0px;
	padding:5px 10px 15px 10px;
	background:#fff;
	}

.category p {
	margin:0;
	}

.category span.cat_title, #front-popular h3, #front-list .cat_title, #gallery h3 {
	text-transform:lowercase;
	margin:0;
	font-weight:bold;
	font-size:1.5em;
	letter-spacing:-0.05em;
	}

#front-list .cat_title {
	font-size:1.25em;
	}

#bottom {
	width: 920px;
	}

#bottom-left {
	float:left;
	}

#paged-list {
	width:570px;
	padding:0px 10px;
	background:#fff;
	font-size:1.2em;
	line-height:1.75em;
	border-top:1px solid #ececec;
	}

#paged-list .clearfloat {
	background:url(images/dots_content.gif) repeat-x bottom;
    padding-bottom:10px;
	}

.onecolumn {
	text-align : justify;
	/*font:1.2em Trebuchet MS, Arial;*/
	line-height:1.5em;
	padding:20px 0px;
	margin:0;
	}

.onecolumn .anx {
	line-height:1.5em;
	font-size:0.9em;
	margin:0;
	text-align:right;
	clear : both;
	font-family:Trebuchet MS, Arial;
	}
.onecolumn .anx a, .onecolumn .anx a:visited {color:#505050;}
.onecolumn .anx a:hover, .onecolumn .anx a:active {color:#800;}

.onecolumn .anx a.lirelasuite, .onecolumn .anx a.lirelasuite:visited {
	color:#800;
	font-weight:bold;
	letter-spacing:0.03em;
	}
	
.onecolumn img {
	float:left;
	margin:8px 10px 7px 0px;
	border:0px;
	padding:2px;
	}
.onecolumn img.alignright {float:right;}
.tanbox {
	width:275px;
	line-height:1.5em;
	background:url(images/dots_content.gif) repeat-x bottom;
	padding:10px 0px;
	margin:0;
	}

.archive .tanbox {
	width:570px;
	background:url(images/dots_content.gif) repeat-x bottom;
    padding-bottom:1px;
	}

.archive form {
	text-align: center;
	}

.tanbox img {
	float:left;
	margin:8px 10px 7px 0px;
	border:1px solid #ccc;
	padding:2px;
	}

.tanbox span.title a, .onecolumn span.title a {
	font-family: Georgia,Arial;
	font-size:1.5em;
	color:#800;
	letter-spacing: .07em;
	}
	
a.titre {
	font-size:1.3em;
	color:#800;
	text-align:left;
	line-height:1.3em;
	letter-spacing:0.06em;
	}
	
a.titre:visited {
	color:#900;
}

.tanbox p, .onecolumn p {
	letter-spacing:0.02em;
	margin:5px 0;
	word-spacing:0.02em;
	}	

#navigation {
	float:center;
	padding:15px 10px;
	background:#fff;
	font-size:1.05em;
	text-align:center;
	border:1px solid #FFF;
	}
	


/* Category/Groupe  Page*/
/* Pleine page*/
#groupe-A {
	width:900px;
	background:#fff;
	padding:10px;
	font-size:1.6em;
	line-height:1.75em;
	float:left;
	border-top:1px solid #ececec;
    padding-bottom:10px;
	border-bottom:1px dotted #e2e2e2
	}
	
#groupe-A .cadre {
	background:url(images/dots_content.gif) repeat-x bottom;
    padding-bottom:10px;
	border-bottom:1px solid #e2e2e2;
	clear:both;
	display:block;
	}

#groupe-A .title-cat h2 {
	color:#808080;
	font-family:Georgia;
	letter-spacing:1.3em;
	}
	
/* Message erreur 404*/
#erreur404 {
	background:#FFFFFF none repeat scroll 0 0;
	border-bottom:1px dotted #E2E2E2;
	border-top:1px solid #ECECEC;
	float:left;
	font-size:1.05em;
	line-height:1.75em;
	margin-bottom:5px;
	padding:10px 10px 12px;
	width:900px;
	}
	
#erreur404 p {
	font-size:1.3em;
	letter-spacing:0.07em;
	}

/* Content Page*/

#content {
	width:570px;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	border-top:1px solid #ececec;
	}

/* Pleine page*/
#contentall {
	width:900px;
	background:#fff;
	padding:10px;
	font-size:1.25em;
	line-height:1.75em;
	float:left;
	border-top:1px solid #ececec;
    padding-bottom:10px;
	border-bottom:1px dotted #e2e2e2
	}

#contentall .clearfloat {
	background:transparent url(images/dots_content.gif) repeat-x scroll center bottom;
	padding-bottom:10px;
	}

#contentall label {
	font-weight:bold;
	letter-spacing:1px;
	}
	
#cartouche_status {
	margin-bottom:15px;
	padding:8px 0px;
	font:0.9em;
	display:block;
	border-bottom:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
	clear:both;
	}
	
#cartouche_options {
	border:1px solid #ECECEC;
	float:right;
	padding:2px 15px;
	margin-left:10px;
	text-align:center;
	width:60px;
	}

.post {
	font-size:1.1em;
	line-height:1.75em;
	text-align : justify; 
	}

.post p {
	margin-top:20px;
	font-size:1.15em;
	}

.post .clearfloat {
	border-bottom:1px solid #e2e2e2;
	}

.entry ul, .post ol {
	margin-bottom:15px;
	}

#content h2.title {
	letter-spacing:-0.02em;
	border-bottom:1px dotted #e2e2e2;
	margin-bottom:0px;
	padding:5px 0px;
	}

.entry ul li {	
	list-style:square;
	margin-left:30px;
	}

.entry ol li {	
	list-style:decimal;
	margin-left:30px;
	}

.entry ol li ul li {	
	list-style:square;
	margin-left:20px;
	}

.entry img, .post a img, #front-list img {
	border:0px solid #ccc;
	margin:0 10px 5px 0;
	padding:2px;
	}

.entry a {
	text-decoration:underline;
	}





img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

/* Sidebar*/
#sidebar {
	width:320px;
	float:right;
	margin:0px 0px 0px 0px;
	overflow:hidden;
	}


#sidebar h3 {
	font-weight:bold;
	background:#505050;
	border:1px solid #C2C2C2;
	color:#fff;
	margin:10px 0px 5px 0px;
	padding:3px 10px;
	letter-spacing:1.1px;
	word-spacing:1.4px;
	font-size : 1.2em;
	-moz-border-radius-topright:10px;
	}

#sidebar h3 a {
	color: #FFFFFF;
	}


#sidebar a:hover {
	color: #CCCCCC;
	}

#sidebar p {
	margin-left: 15px;
	}

#sidebar-top, #sidebar-bottom {
	width:300px;
	float:right;
	padding:0px 10px 10px 10px;
	background:#fff;
	border-top:1px solid #ececec;
	}

#sidebar-bottom, #sidebar-middle {
	margin-top:10px;
	}

#sidebar-middle {
	width:320px;
	float:right;
	}

#sidebar-left {
	width:135px;
	padding:0px 10px 10px 10px;
	float:left;
	background:#fff;
	border-top:1px solid #ececec;
	}

#sidebar-right {
	width:135px;
	padding:0px 10px 10px 10px;
	float:right;
	background:#fff;
	border-top:1px solid #ececec;
	}


#sidebar li {
	list-style:none;
	border-bottom:1px dotted #bbbbbb;
	display:block;
	padding:2px 0px 2px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	letter-spacing:1.1px;
	word-spacing:1.4px;
	font-size : 1.2em;
	}

#sidebar li ul li {
	border-bottom:0px;
	}

#sidebar h3 img { margin-top:1px; }

/*  Calendar */
#sidebar .ec3_list {
	margin-left:0;
	letter-spacing:1.1px;
	word-spacing:1.4px;
	color:#505050;
	}

/*  Category post - file de modération */	
#sidebar .cat-post-item .post-date { 
	text-align:right;
	color:#C3C3C3;
	}

#sidebar .cat-post-item p { 
	margin:5px;
	}	
	


/* Big Calendar */

#ec3_big_cal table td {border-color:#EEE;}
#ec3_big_cal table td p {font-size:0.89em;}
#ec3_big_cal table td div { padding:1px; }
#ec3_big_cal .pad {background:url(images/bg_stripe.gif) repeat top left;}
#ec3_big_cal a {text-decoration:none;}
#ec3_big_cal .ec3_daynum {}
#ec3_big_cal .ec3_daynum:hover {background:none; border:0; color:#000}
#ec3_big_cal table td.ec3_today .ec3_daynum {background:url(images/bg_stripe_jaune.gif) repeat top left;}
#ec3_big_cal .ec3_event a {background:transparent url(images/sub.png) no-repeat scroll 0 -1px;padding-left:12px;}
#ec3_big_cal .ec3_event a:hover {}
#ec3_big_cal table caption {margin: 20px 10px; border-bottom: 1px dotted; color:#EEE }
#ec3_big_cal table caption a { font-family:Georgia;text-transform:capitalize; color:#808080;}

/* Form Elements */

select {
	border:1px solid #333333;
	width:100%
	}
	
.submitbutton {
	padding: 1px;
	border:1px solid #aaa;
	background:#fff;
	font-size:0.9em;
	color:#aaa;
	cursor: pointer;
	}

.field {
	padding: 1px;
	border-top:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	background:#fff;
	font-size:1.0em;
	}

#search .searchbutton {
	padding: 1px;
	border:1px solid #333333;
	background:#fff;
	font-size:1.0em;
	}

#commentform input {
	width: 140px;
	margin: 5px 5px 0px 0;
	}

#commentform textarea {
	width: 99%;
	margin-top:5px;
	border-top:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	}



/* Comments*/

#comments {
	font-size:1em;
	letter-spacing:0.04em;
	line-height:1.5em;
	}

.commentlist cite {
	font-style:normal;
	margin-bottom:0px;
	display:block;
	font-size:1.1em;
	}	

.commentlist blockquote {
	background:#ededed;
	}
			
.commentlist li {
	color:#4d4d4d;
	padding: 10px 14px 10px 14px;
	background:#f2f2f2;
	border-bottom: 1px solid #dcdbd7;
	list-style:none;
	margin-bottom:3px;
	line-height:1.0em;
	}

.commentlist li li {
	background:none;
	border:none;
	list-style:square;
	margin:3px 0 3px 20px;
	padding:3px 0;
	}

.commenttext {
	float:left;
	padding-left:70px;

	line-height:1.5em;
	}
	
li.my_comment {
	background: #fff;
	}

li cite strong {
	font-size: 1.1em;
	color:#313228;
	}
	
#commentform small {
	background:#FFF;
	font-size:0.9em;
	padding:0;
	}
	
.commentmetadata {
	color:#4d4d4d;
	display: block;
	margin-top:3px;
	text-align:right;
	font-size:0.9em;
	}

.commentmetadata a, .commentmetadata a:visited {
	color:#959382;
	}
	
.commentlist small {
	background:#e9e9e9;
	}

.avatar {
	border:1px solid #ccc;
	margin:15px 8px 6px 0;
	float:left;
	padding:2px;
	width:45px;
	height:45px;
	}	

#comment {
	width:590px;
	background:#fff;
	}

/* Footer*/

#footer {
	text-align:center;
	margin: 0 auto;
	width: 920px;
	font-size:0.6em;
	padding:5px 10px;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	}
	
#footer  {
	color:#fff;
	}
	
#footer a {
	color:#fff;
	}



/* Float Properties*/

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfloat {
	display: inline-block;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}
	
/* Boites info */
	
.roundbox{
	background-color:#FFF; 
	padding: 15px; 
	margin: 5px 0px; 
	-moz-border-radius: 10px; 
	-khtml-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;
	border: 1px solid #ECECEC;
	}
	
.roundbox_grey {
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	background-color:#EDEDED;
	border:1px solid #CCC8C8;
	margin:5px 0;
	padding:15px;
	}

	
/* Infobulles */

	a.infobulle{
		position:relative; 
		color:#000;
		}

	a.infobulle:hover{
		}

	a.infobulle span{
		display: none;
		}

	a.infobulle:hover span{ 
		/*le contenu de la balise span ne 
		sera visible que pour l'état a:hover */
		display:block; 
		position:absolute;
		top:2em; left:2em; width:25em;
		border:1px solid #505050;
		margin:5px;
		background-color:#FFFED1;
		text-align: left;
		font-weight:none;
		padding:7px;
		}
	
	img.aide {
		margin:0 0 -3px;
		}
		
	img.aide:hover {
		margin:0 0 -3px;
		background-color:none;
		}
	

/*   UPLOAD */

	.uploadbtn{
		text-align:center;
		background:#f2f2f2;
		border:1px solid #ccc;
		width:150px;
		height:20px;
		}
	.uploadbtn span {
		width:150px;
		height:20px;
		background:#f2f2f2;
		display:block;
		}
	#status{
		padding:2px;
		}
	ul#files{ 
		list-style:none; 
		padding:0; 
		margin:0; 
		}
	ul#files li{ 
		padding:5px; 
		margin-bottom:2px; 
		width:200px; 
		float:left;
		}
	ul#files li img{ 
		max-width:180px; 
		max-height:150px; 
		}
	.success{ 
		text-align:center; 
		background:#FFF; 
		border:1px solid #F3F3F3; 
		}
	.success_fichier{ 
		text-align:left; 
		background:#FFF url(images/ok.png) no-repeat;
		border:1px solid #F3F3F3;
		list-style-position:inside;
		list-style-type:none; 
		padding-left:25px;
		}
	.error{ 
		background:#f0c6c3;
		border:1px solid #cc6622;
		}
	
	.clearboth{
		clear:both;
		}
		
/*   Contact Form 7 */	
	
	.wpcf7 form{ 
				text-align:left; 
			
				}
	.wpcf7 input{ 
				width:95%; 
				height: 21px; 
				border: 1px solid #99afbc; 
				margin: 5px 0 10px 0;
				}
				
	.wpcf7 textarea{ 
				width:95%; 
				border: 1px solid #99afbc; 
				margin: 5px 0 10px 0;
				}