/*  
Theme Name: FotoSky
Theme URI: http://www.themebox.org/fotosky-3-column-wordpress-theme/
Description: Widget-supported XHTML-compliant WordPress theme released by <a href="http://www.themebox.org/">ThemeBox.org</a>.<br />More high quality themes available at <a href="http://www.themebox.org/category/wordpress-themes/">ThemeBox WordPress theme collection</a>. Traduction <a href="http://www.niss.fr">(niss.fr)</a>.
Version: 1.0 - Midifiée
Author: ThemeBox.org
Author URI: http://www.themebox.org/
Modifications : Fabien Guillot - http:blog.geographie-sociale.org

        The CSS, XHTML and design is released under a Creative Commons Attributi on 3.0 License:
        http://creativecommons.org/licenses/by/3.0/

*/

/*  ///////////////////////////////////////////////// */
/*  custom code on top the default style sheet        */
/*                                                    */
@import url "http://www.geographie-sociale.org/blog/wp-content/plugins/cforms/styling/calendar.css";
@import url "http://www.geographie-sociale.org/css/cforms.css";



body{
	padding:0px;
	margin:0px;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:none; /*#000000 url(images/bg.gif) repeat top left;*/
	width:100%;
}

img{
	border:0px;
}

a{
	color:#004a80;
	text-decoration:none;
}

form, table, ul, li{
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
	/*padding:0px;
	margin:0px;*/
}

.sub{
	border:0px;
}

/*input, textarea{
	border:1px solid #cecece;
	font-size:12px
}*/

div#page{
	width:987px;
	text-align:left;
}

/*header*/
#header{
	width:100%;
	height:255px;
	text-align:left;
}

#header_top{
	width:100%;
	height:208px;
	background:url(images/header_top_bg2.png) no-repeat top;
}

#header_end{
	width:100%;
	height:47px;
	background:url(images/header_end_bg.png) no-repeat top; /*barre type prelude */
}
/*Titre principal du blog*/
#header_title{
	color:#000082;
	font-size:47px;
	padding-top:30px;
	/*padding-left:25px;*/
	font-style:italic;
	font-weight:bold;
}
/*sous-titre principal*/
#header_title div{
	color:#ffffff;
	font-size:16px;
	position:relative;
	/*top:-moz--10px;*/
	top:4px;
	/*padding-left:300px;*/
	text-align:center;
	font-style:italic;
	font-weight:bold;
}

/*balise H1 utilisée pour le titre principal du blog*/
h1{color:#004A80;
	font-size:45px;
	/*padding-top:110px;*/
	/*font-style:italic;*/
	margin-bottom:40px;
	font-weight:bold;
	text-align:center;
}
* html h1{color:#004A80;font-size:45px;/*padding-top:110px;*/
	margin-bottom:35px;font-weight:bold;text-align:center;}
	
/* ---- Paramètre de lettrine  ---- */
.lettrine {
	position:relative;
	top:10px;
	left:35px;
	float: left; /* positionnement de la lettrine dans le conteneur*/
	font-size: 1.8em; /* 2 hauteurs de lignes pour la lettrine*/
	font-weight: bolder;
	/*font-family: lucida, arial, Georgia, serif;*/
	color: #8CAF00;
	/*border: 1px solid #990000; /* définition d'une bordure autour de la lettrine*/
	margin: 1px;
	padding: 1px;
	line-height: 1em;
}
* html.lettrine {
	position:relative;
	top:-10px;
	left:40px;
	}
/*menu*/

#menu_items{
	width:77%;
	float:left;
}

#menu_search_box{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#909090;
	font-size:10px;
	float:left;
	width:23%;
	padding-top:5px;
}

#menu_search_box input.s{
	width:120px;
	font-size:13px;
	color:#ffffff;
	border:0px;
	background:none;
	position:relative;
	top:-7px;
	right:5px;
}

#menu_search_box span{
	position:relative;
	top:-7px;
}

#menu{
	padding-left:25px;
	padding-top:13px;
	font-size:13px;
	color:#FFFFFF;
}

div#menu a{
	color:#050505;
}

div#menu a:hover{
	color:#666666;
}

div#menu #menu_items div{
	float:left;
}

div#menu #menu_items div.no_bg{
	float:left;
	background:url(images/menu_sep.gif) no-repeat top center;
	width:40px;
	padding-bottom:5px;
	padding-top:5px;
	position:relative;
	top:-5px;
}


/* end menu */

/* end header */

/* blog*/

div#page #blog{
	background:#ecf1f5 url(images/body_bg.gif) repeat-x top left;
	float:left;
	width:100%;
}

div#blog #blog_center{
	width:612px;
	float:left;
	padding-top:20px;
}

div#blog #blog_right{
	width:187px;
	float:left;
}

div#blog #blog_left{
	width:188px;
	float:left;
}

/* sidebar*/

#blog_left #sidebar{
	margin-top:8px;
	width:180px;
	background:url(images/sidebar_bg.gif) repeat-y top left;
	margin-left:8px;
}

#blog_left #sidebar ul{
	padding:0px;
	margin:0px;
	background:url(images/sidebar_top_bg.gif) top left no-repeat;
	padding-top:10px;
}

#blog_left #sidebar ul ul{
	background:none;
	padding-top:0px;
	padding-left:13px;
	margin-bottom:30px;
}

#blog_left #sidebar ul ul ul{
	margin-bottom:0px;
}
#blog_left #sidebar li{
	padding:0px;
	margin:0 5 0 5px;
	list-style-type:none;
}

#blog_left #sidebar .widget_bg{
	background:url(images/sidebar_bg2.gif) repeat-y top left;
}

#blog_left #sidebar .widget_bg ul{
	background:url(images/sidebar_top_bg2.gif) no-repeat top left;
	height:274px;
	min-height:274px;
}

#blog_left #sidebar .widget_bg .end{
	background:url(images/sidebar_end_bg2.gif) no-repeat bottom left;
	height:13px;
}

#blog_left #sidebar .widget_bg h2{
	padding-left:5px;
	padding-top:10px;
}

#blog_left #sidebar h2{
	color:#002157;
	font-size:20px;
	margin:0px;
	padding-bottom:5px;
	padding-top:2px;
	padding-left:15px;
	font-weight:normal;
}

#blog_left #sidebar ul li{
	color:#000000;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#blog_left #sidebar li a{
	color:#000000;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;
	line-height:22px;
}

#blog_left #sidebar ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-right:10px;
	padding-bottom:5px;
	background:none;
}
#blog_left #sidebar ul li ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	padding-bottom:0px;
}
#blog_left #sidebar ul li ul li ul li a{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
}

#blog_left #sidebar ul li ul li{
	border-bottom:0;
	background: url(images/solid_li.gif) left bottom no-repeat;
}

#blog_left #sidebar ul li.widget_categories ul li ul li{
	border-bottom:0;
	background: none;
}

#blog_left #sidebar ul li ul li ul{
	padding-left:10px;
}

#blog_left #sidebar ul li ul li a{
	background: url(images/bl_li.png) left top no-repeat;
	padding-left:12px;
}

#blog_left #sidebar ul li.widget_categories ul li a{
	background: url(images/cat_li.gif) left top no-repeat;
	padding-left:9px;
}

#blog_left #sidebar ul li.widget_archives ul li a{
	background: url(images/ar_li.gif) left top no-repeat;
	padding-left:9px;
}

#blog_left #sidebar ul li.widget_meta ul li a{
	background: url(images/meta_li.gif) left top no-repeat;
	padding-left:9px;
}

#blog_left #sidebar ul li.widget_categories li ul.children li a{
	background: url(images/line_li.gif) left top no-repeat;
	padding-left:9px;
}


/* sidebar2*/

#blog_right #sidebar2{
	margin-top:8px;
	width:180px;
	background:url(images/sidebar_bg.gif) repeat-y top left;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#blog_right #sidebar2 ul{
	padding:0px;
	margin:0px;
	background:url(images/sidebar_top_bg.gif) top left no-repeat;
	padding-top:10px;
}

#blog_right #sidebar2 ul ul{
	background:none;
	padding-top:0px;
	padding-left:13px;
	margin-bottom:30px;
}

#blog_right #sidebar2 ul ul ul{
	margin-bottom:0px;
}
#blog_right #sidebar2 li{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#blog_right #sidebar2 .widget_bg{
	background:url(images/sidebar_bg2.gif) repeat-y top left;
}

#blog_right #sidebar2 .widget_bg ul{
	background:url(images/sidebar_top_bg2.gif) no-repeat top left;
	min-height:274px;
}
* html #blog_right #sidebar2 .widget_bg ul{background:url(images/sidebar_top_bg2.gif) no-repeat top left;height:274px;}/* Hack IE Pc ou Mac */

#blog_right #sidebar2 .widget_bg .end{
	background:url(images/sidebar_end_bg2.gif) no-repeat bottom left;
	height:13px;
}

#blog_right #sidebar2 .widget_bg h2{
	padding-left:5px;
	padding-top:10px;
}

#blog_right #sidebar2 h2{
	color:#002157;
	font-size:20px;
	margin:0px;
	padding-bottom:5px;
	padding-top:2px;
	padding-left:15px;
	font-weight:normal;
}

#blog_right #sidebar2 ul li{
	color:#000000;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#blog_right #sidebar2 li a{
	color:#000000;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;
	line-height:19px;
}

#blog_right #sidebar2 ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-right:15px;
	padding-bottom:5px;
	background:none;
}
#blog_right #sidebar2 ul li ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
	padding-bottom:0px;
}
#blog_right #sidebar2 ul li ul li ul li a{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;
}

#blog_right #sidebar2 ul li ul li{
	border-bottom:0;
	background: url(images/solid_li.gif) right bottom no-repeat;
}

#blog_right #sidebar2 ul li.widget_categories ul li ul li{
	border-bottom:0;
	background: none;
}

#blog_right #sidebar2 ul li ul li ul{
	padding-left:10px;
}

#blog_right #sidebar2 ul li ul li a{
	background: url(images/bl_li.png) left top no-repeat;
	padding-left:12px;
}

#blog_right #sidebar2 ul li.widget_categories ul li a{
	background: url(images/cat_li.gif) left top no-repeat;
	padding-left:9px;
}

#blog_right #sidebar2 ul li.widget_archives ul li a{
	background: url(images/ar_li.gif) left top no-repeat;
	padding-left:9px;
}

#blog_right #sidebar2 ul li.widget_meta ul li a{
	background: url(images/meta_li.gif) left top no-repeat;
	padding-left:9px;
}

#blog_right #sidebar2 ul li.widget_categories li ul.children li a{
	background: url(images/line_li.gif) left top no-repeat;
	padding-left:9px;
}
/*inside*/

#blog_center #blog_comm{
	margin-left:100px;
	float:left;
}

*html #blog_center #blog_comm {margin-left:50px;float:left;} /* Hack pour IE Pc ou Mac qui va voir cette ligne\*/

#blog_center #blog_comm h2{
	font-size:23px;
	font-weight:normal;
	color:#000000;
	position:relative;
	top:-10px;
	padding-left:0px;
}

#blog_center #blog_comm .comm_panel{
	height:16px;
	background:#eaf0f4;
	padding-right:10px;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:470px;
	color:#000000;
}

#blog_center #blog_comm .comm_panel a{
	font-weight:bold;
	color:#003471;
}

#blog_center #blog_comm .comm_text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-bottom:1px solid #003471;
	width:470px;
	background:url(images/fond_comment.gif) repeat-x left;
	/*color:#000000;*/
}

#blog_center #blog_comm .comm_text p{
	
	text-align:justify;
	font-size: 12px;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	margin-top:10px;
	background-repeat: repeat-x;
}

#blog_center #comments_from_bg{
	background:url(images/blog_form_bg.gif) no-repeat top left;
	padding-bottom:20px;
}

#blog_center #blog_comm #comm_post_title{
	width:430px;
	height:50px;
	font-size:20px;
	font-weight:bold;
	padding-left:5px;
	padding-top:5px;
	color:#000000;
}

#blog_center #blog_comm #comm_post_form{
	padding-left:25px;
}

#blog_center #blog_comm #comm_post_form input.text{
	font-size:14px;
}

#blog_center #blog_comm #comm_post_form td{
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	padding-right:10px;
	color:#000000;
}

#blog_center #blog_comm #comm_post_form td.right{
	text-align:right;
	vertical-align:top;
}


/* end sidebar*/
#err_404{
	background: url(images/404.jpg);
	width: 620px;
	margin: 0px auto 0px;
	padding: 0px;
	position: relative;}
}
/* blod item*/

#blog_center .item_class{
	width:575px;
	margin-left:15px;
	padding-bottom:30px;
	float:left;
}
*html #blog_center .item_class{width:575px;margin-left:8px;padding-bottom:30px;float:left;}/* Hack IE Pc ou Mac */

#blog_center .item_class .item_class_title{
}

#blog_center .item_class .item_class_title_text{
	background:url(images/title_line.gif) no-repeat right bottom;
	float:left;
	margin-left:10px;
	margin-top:10px;
}


#blog_center .item_class .item_class_title_text .date{
	float:left;
	width:52px;
	height:62px;
	background:url(images/date_text_bg.png) no-repeat top left;
}

#blog_center .item_class .item_class_title_text .titles{
	float:left;
	width:510px;
	padding-bottom:5px;
}

#blog_center .item_class .item_class_title_text .date_month{
	font-size:12px;
	color:#1b1464;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:6px;
}

#blog_center .item_class .item_class_title_text .date_day{
	font-size:27px;
	color:#1b1464;
	text-align:center;
	position:relative;
	font-style:italic;
	top:5px;
}

#blog_center .item_class .item_class_title_text .top_title{
	padding-right:10px;
	padding-left:10px;
	padding-top:10px;
}

#blog_center .item_class .item_class_title_text .top_title a{
	font-size:21px;
	color:#000082; /*212121;*/
	font-style:italic;
}

#blog_center .item_class .item_class_title_text .end_title{
	font-size:9px;
	padding-right:10px;
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

#blog_center .item_class .item_class_title_text .end_title a{
	font-size:10px;
	font-weight:bold;
	color:#000000;
}

#blog_center .item_class .item_class_text{
	color:#393f42;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size:12px;
	line-height:20px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:5px;
	padding-top:0px;
	float:left;
}

#blog_center .item_class .item_class_text p{
	padding:0px;
	margin:0px;
	margin-top:10px;
}

#blog_center .item_class .item_class_panel{
	background:url(images/bandeau_com_suit.png) no-repeat top left;
	margin-left:60px;
	padding-right:10px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	float:left;
	width:500px;
	height:30px;
}
*html #blog_center .item_class .item_class_panel{background:url(images/bandeau_com_suit.png) no-repeat top left;margin-left:30px;
padding-right:10px;padding-left:5px;padding-top:5px;padding-bottom:5px;float:left;width:500px;height:30px;}/* Hack IE Pc ou Mac */

.item_class_panel .links_left{
	float:left;
}

.item_class_panel .links_right{
	float:right;
}

#blog_center .item_class .item_class_panel a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#000000;
}


#blog_center .item_class .item_class_panel a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	text-decoration:underline;
}

#blog_center .item_class .item_class_panel a.panel_read{
	background:url(images/read.gif) no-repeat left center;
	padding-left:13px;
}

#blog_center .item_class .item_class_panel span.panel_comm a{
	background:url(images/comm.gif) no-repeat left center;
	padding-left:17px;
}

/* end blog */

/* footer */

#footer{
	width:100%;
	height:124px;
	text-align:center;
	font-size: 12px;
	float:left;
	background:url(images/footer_bg.png) no-repeat top;
}
#footer p {
        color:#ffffff;
        line-height:20px;
}
#footer p a {
        color:#cccccc;
}

div#footer #footer_text{
	color:#ffffff;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:40px;
	padding-bottom:10px;
	padding-left:15px;
}

div#footer #footer_text a{
	color:#6dcff6;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

div#footer #footer_text span a{
	color:#ffffff;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

/* end footer */



#blog_center .navigation{
	padding-bottom:40px;
	text-align:center;
	clear:left;
}

#blog_center .navigation ul{
}

#blog_center .navigation ul li{
	list-style:none;
	display:inline;
	padding-right:20px;
}

#blog_center .navigation .alignright a{
	font-weight:bold;
	font-size:11px;
	padding-right:15px;
	color:#004a80;
}

#blog_center .navigation .alignleft a{
	font-weight:bold;
	font-size:11px;
	padding-left:8px;
	color:#004a80;
}

div#blog h2{
	margin:0px;
	padding-bottom:10px;
	padding-left:10px;
	padding-top:20px;
	font-size:20px;
	color:#212121;
	font-style:italic;
	font-weight:bold;
}
div#blog h3{
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding-bottom:5px;
	padding-left:20px;
	padding-top:15px;
	font-size:16px;
	color:#212121;
	font-style: normal;
	font-weight: bold;
}

div#blog .entry{
	padding-left:20px;
	margin-right:20px;
	text-align:justify;
	font-size:12px;
	line-height:20px;
}

div#blog .entry p{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	line-height:20px;
}

.item_class blockquote, #blog_comm blockquote{
	background:url(images/block_bg.gif) no-repeat left top;
	font-family:Helvetica,Calibri,Verdana,Arial, sans-serif;
	font-size: 1.2em;
	color:#002157;
	padding-left:30px;
	/*margin:0px;*/
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;
	margin-right:5px;
	padding-top:5px;
}

.item_class blockquote blockquote, #blog_comm blockquote blockquote{
	background:url(images/block2_bg.gif) no-repeat left top;
	font-family:Helvetica,Calibri,Verdana,Arial, sans-serif;
	font-size: 1.2em;
	color:#002157;
	padding-left:30px;
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;
}

.item_class ol, #blog_comm ol{
}

.item_class ol li, #blog_comm ol li{
}

.item_class ul, #blog_comm ul{
	padding-left:30px;
}

.item_class img, #blog_comm img{
	/*float: left;*/
	clear:left;
	margin:5px;
}
#blog_center, .item_class, p img {
	padding: 0;
	max-width: 100%;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.item_class strong, #blog_comm strong{
	color:#004a80;
}

/* captions */
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px; /* bords ronds sous firefox mais pas sous IE*/
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* End captions */

/* Archives page */
div#blog .page_archives_div{
	width:538px;
	background:url(images/page_archives_div.gif) no-repeat top left;
	padding-left:25px;
	margin-left:25px;
}

.ar_panel{
	padding-top:15px;
}

div#blog .page_archives_div h2{
	padding-left:5px;
	padding-top:3px;
	margin:0px;
	font-size:18px;
	font-weight:normal;
	font-style:normal;
	padding-bottom:8px;
	border-bottom:1px dotted #003663;
	color:#003663;
	width:500px;
}

div#blog .page_archives_div ul h2{
	border:0px;
}

div#blog .page_archives_div ul{
	margin:0px;
	padding:0px;
	padding-top:5px;
	margin-bottom:40px;
	width:500px;
}

div#blog .page_archives_div ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	padding-left:5px;
}

div#blog .page_archives_div ul li ul{
	margin:0px;
	padding:0px;
	padding-left:0px;
}

div#blog .page_archives_div ul li a{
	padding-left:20px;
	font-weight:normal;
	color:#000000;
	font-size:14px;
	background:url(images/red_li.gif) no-repeat center left;
}

div#blog .page_archives_div ul li a:hover{
	color:#666666;
}

div#blog .page_archives_div ul li{
	padding-top:5px;
	padding-bottom:8px;
	border-bottom:1px dotted #8f9aa1;
}

div#blog .page_archives_div ul li ul li{
	border-bottom:0px;
	background:none;
}

/* ================================================= */

/* STYLES Formulaire */

/* Dernières modifications :  Fabien Guillot, juillet 2010  */

/* ================================================= */

/*  main 'top-level' form elements                    */
/*                                                    */
@import "calendar.css";

.cform { 
	margin:10px auto 0 auto; 
	width: 510px; /* largeur du formulaire */
	background:#C2DEF5; /* couleur fond du formulaire */
}

.cform fieldset	{  /*conteneur du formulaire*/
     width:400px;
	margin:0; 
	padding:0.1em; 
	border:none; /*none;*/
	background:#C2DEF5;
}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 
     width:250px;
	/*display:none; */
     margin-left:10px;
	padding: 0.2em; 
	color: #003471; /*#666666*/
     letter-spacing: 2px;
     font-variant: small-caps;
     font-size: 1.5em;
     font-family: Helvetica,Verdana;
     border-top:2px solid #003471;
	}

ol.cf-ol { 
	margin:20 10 20 10px!important; 
	padding:1em 0.2em 1em 0.2em!important; 
     width:400px;
}
ol.cf-ol li	{
	background:none!important; 
	margin:10px 0 10px 10px!important; /*qques thèmes peuvent interférer sinon*/
	padding:0.1em; 
	list-style:none!important; 
	text-align:left;
}


/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
     font-variant: small-caps;
     font-size: 1.5em;
     font-family: "Trebuchet MS", Helvetica,Verdana;
	color:white;
	font-size:2em;
	letter-spacing:1px;
	padding-left:140px; /*120*/
	margin:6px 0!important;
}

/*  -----------------------------------------------------  */
/* Définition globales pour les noms de champs */
/*  -----------------------------------------------------  */

.cform label {
	color:white;
	width:150px; 
	margin:6px 10px 0 0; 
	display:-moz-inline-box; /*pour mozilla*/
	display:inline-block; /*pour Opera & IE*/
	text-align:left;
     font-family: Lucida Grande, Geneva, Helvetica, sans-serif;
	vertical-align:top;
}

.cform label span {  /* Nom des champs ex : Votre nom, votre prénom... */
	color:#000082;/*white;*/
	width:150px; /* must be the same as above!*/
	margin:0 10 5 10px; 
	display:block;
	font-size:1.1em;
	font-weight:normal;
     font-style: italic;
     font-family: Century Gothic,Geneva, Helvetica, sans-serif;
}

label.cf-before {
	margin:4px 10px 0 0; 
}
label.cf-after 	{
	margin:4px 5px 0pt 6px;
	text-align:left;
	width:115px;
}

label.cf-after span {
	margin:0;
	width:115px;
	display:block;
}

label.cf-group-after {
	margin:4px 10px 0 2px;
	width:112px;
	text-align:left;
}
label.cf-group-after span {
	margin:0;
	width:112px;
	display:block;
}


/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */
.cform input,
.cform textarea, /* spécification des différents champs*/
.cform select {
	color:#212121; /*97BCDF;*/
	font-family: Century Gothic, Geneva, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	padding:0.1em;
     margin:5 10 5 30px;
	background: white;
	border:0;
	height:18px;
	text-align:justify;
	vertical-align:top;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	color:#000082;/*white;*/
	background:#B0D77D; 
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	color:#050505!important;/*97BCDF*/
	background:white; 
}

.cform textarea,
.cform input {
	width:290px; /*250*/
     margin-left:90px;
}
.cform select {
	height:21px;		
	width:290px; /* attempt to have equal length */
     margin-left:90px;
}  

.cform select.cfselectmulti	{ 
	height:7.5em; 
     width:290px; /* attempt to have equal length */
     margin-left:90px;
}

.cform textarea {
	font-family: Calibri,arial;
	font-size: 1,1em;
     text-align:justify;
	height:15em; /* Hauteur de la zone pour le message */
     width:350px;
     margin-left:90px;
	overflow:auto;
}
.cform .cf_date {
	width:223px;
}

/* Format pour texte:  "(obligatoire /required)"  & autre  */

span.reqtxt,
span.emailreqtxt {
     width: 290px;
     margin-top: 1px;
     margin-right: 5px;
     margin-bottom: 2px;
     margin-left: 90px;
     display: block; /* pour IE et Opéra*/
     display: -moz-inline-box; /*pour Mozilla*/
     /*float:right;*/
     vertical-align: top;
     text-align:right;
     color: #F7F7F7; /*#aaaaaa*/
     font-size: 0.8em;
    /* line-height: 1.1em;*/
     font-family: Helvetica;
	}  

/*   titre bouton radio  */

ol.cf-ol li.cf-box-title {
	font-weight:bold;
	letter-spacing:1px;
	padding:8px 0 0 100px; /* vérifier avec label 'width' incl. */
}

/*   case à cocher    */

.cform input.cf-box-a,
.cform input.cf-box-b 	{ 
	margin:2px 0 0 0; 
	width:14px;
	height:22px;
	border:none!important;
	background:none!important; 
}

.cform input.cf-box-a 	{ 
	margin-left:100px; /* vérifier avec label 'width' incl. */
} 


/* Groupe de case à cocher  */

ol.cf-ol li.cf-box-group {
	margin:10px 0pt 0px !important;
	padding-left: 100px; 
} 


/*   FORM bouton envoi  */

p.cf-sb {
	text-align:right;
	padding: 0!important;
	margin: 0;
}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton	{ 
	height:auto; 
	width:120px; /*100*/
     margin:5px 10px 20px 5px;
	padding:0.1em;
     color: #00963c;/*#97BCDF; */
	font-family:  Geneva, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
     text-align:center;
	/*background: white;*/
     background:url(../images/button-bg.gif) repeat-x; 
     /*border: thin groove #000082;*/
     border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}
/*
.cform input.resetbutton {
	width: auto;
	padding:5px 1em;
}
.cform input.backbutton {
	width: auto;
	padding:5px 1em;
}
*/

/*   FORM FIELDS erreur de saisie dans les champs */
ol.cf-ol li.cf_li_err {
	background:#FFDFDF!important; /* url(http://www.geographie-sociale.org/blog/wp-content/plugins/cforms/styling/li-err-bg-blue.png) repeat!important*/
	border:1px solid #AD2929!important;/*#DF7D7D;*/
	padding:0.1em!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {/*alignement des textes précisant ce qui est "obligatoire"  */
	margin:0 0 0 140px; /*120*/
	padding:0;
	color:#333;
}

ol.cf-ol ul.cf_li_text_err li { /* texte signalant une erreur dans un champ */
	background:url(http://www.geographie-sociale.org/blog/wp-content/plugins/cforms/styling/icon-alert.png) no-repeat left 5px!important;
	list-style:none!important;
     font-family: Helvetica;
     font-size: 0.9em;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding:0 0 0 40px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}


/* CAPTCHA 'Vérification visiteur' related styles */

label.secq,
label.seccap,
label.secq span {
	vertical-align:text-bottom;
     margin-left:90px;
	/*margin-bottom:4px;*/
     display:inline;
	width:auto;
}

input.secinput {
	width:70px;
	vertical-align:text-bottom;  
     margin-left:90px;
}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	vertical-align:text-middle;
	height:25px;
	width:100px;
	padding:0.1em;
	margin: 0 0 0 90px;
	border: 2px solid #DF7D7D;
}

img.captcha	{
	vertical-align:text-middle;
	height:22px;
	margin:0 0 0 20px!important;
	padding:0.2em!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	vertical-align:text-middle;
	background:	url(http://www.geographie-sociale.org/blog/wp-content/plugins/cforms/styling/captcha_reset_blue.gif) no-repeat;
	margin:0 0 2px 5px;
	width:21px;
	height:21px;
	border:none;
}

img.imgcalendar {
	border:none;
}

/* Format des messages de réponse  */

div.cf_info {
	color:#333;
	display:none;
	padding:10px 15px!important;
	width:400px;
	line-height:1.3em;
	margin:10px auto;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:#ad2929!important;
	text-decoration:underline!important;
}
div.success {
     background:#F7F7F7 none repeat scroll 0% 50%!important;
	color:#00963c!important;/*#1A5E86*/
     font-family: "Century Gothic",Calibri, serif;
     font-size:1em;
	display:block;
	letter-spacing:1px;
}

div.failure {
	display:block;
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D!important;
	border-style:solid;
	border-width:1px 0pt;
}
div.waiting {
	background:#F9F9F9;
	color:#AAAAAA;
	display:block;
}

/*   formatting for invalid user inputs               */

.cform .cf_error { 
	color:#ad2929; 
	border:1px solid #ad2929; 
}
div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#ad2929; 
}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */
.cform input.cf_upload  {
	width:220px;
	background: #f9f9f9;
	border:1px solid #888888;
}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
	width:410px;
	margin:0 auto 10px!important;
	padding:0!important;	
	text-align:center!important;
}
.linklove a,
.linklove a:visited {
	font-size: 0.6em;
	font-family: Tahoma;
	color:#aaaaaa!important;
}

/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
*+html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}

* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt { 
	display: inline-block;  /*for ie6*/
}
*+html .cform label,
*+html ol.cf-ol,
*+html ol.cf-ol li,
*+html span.reqtxt,
*+html span.emailreqtxt {
	display: inline-block; /*for ie7*/
}

* html img.captcha {
	margin-bottom:1px!important;
}
*+html img.captcha {
	margin-bottom:1px!important;
}