/*
Theme Name: Deutsch-langue.eu
Description: Un thème pour le site de promotion de l'allemand
Authors : Charles Franck - Agence Graphiti / Pierre Kessler - CRDP d'Alsace
*/

html {height: 100%;}

body {
	padding:0;
	margin: 0;
	background-image:url(images/fd_page.jpg);
	background-position: top center;
}

#headercontent {
	width: 980px;
	height: 124px;
	margin: auto;
	padding: 0;
	overflow: hidden;
}

.header_left {
	float: left;
	width: 226px;
	margin: 0;
	padding: 0;
	background-color: #007dc3;
	text-align: right;
}

.header_mid {
	float: left;
	width: 530px;
	margin: 0;
	padding: 0;
}

#header_top_right {
	float: left;
	width: auto;
	margin: 0;
	padding: 63px 0 0 0;
}

#header_top_right img {border: 0px;}

#header_top_right input {color: #336699; font-size: 11px;}

#header_top_right a { 
    color: #0080ad ;
	font-family: Verdana, Geneva, sans-serif;
    line-height: 1em ;
    text-decoration: none ;
	font-size: 11px;
	}
	
#header_top_right a:hover, #header_top_right a:focus, #header_top_right a:active {color: #000;}
	
.header_form {display: block; margin: 15px 0 0 0;}

.visuels1, .visuels2, .visuels3, .visuels4, .visuels5  {background top center transparent; height: 120px;	width: 100%; text-align: center; overflow: hidden;}
.visuels1 {background-image: url(images/visuels1.jpg);}
.visuels2 {background-image: url(images/visuels2.jpg);}
.visuels3 {background-image: url(images/visuels3.jpg);}
.visuels4 {background-image: url(images/visuels4.jpg);}
.visuels5 {background-image: url(images/visuels5.jpg);}

#mainbodycontent {
	width: 980px;
	height: auto;
	margin: auto;
	padding: 0;
	overflow: hidden;
}

#navigationcontent {
	float: left;
	width: 226px;
	margin: 0;
	padding: 0;
	background-color: #007eb8;
}

#showcontent {
	float: left;
	width: 750px;
	margin: 0;
	padding: 0;
}
	
#chemindefer {
	display: block;
	background-image: url(images/fd_chemindefer.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-indent: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #0080ad;
	margin: 0;
	padding: 0;
}

#chemindefer ul {list-style:none; padding: 0 0 0 13px; margin: 0;}

#chemindefer li {float:left; padding: 0;}

#chemindefer li a:link, #chemindefer li a:visited, #chemindefer li a:active {
	background-image: url(images/puce_chemindefer.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
	text-decoration: none;
	color: #333;
}


#chemindefer li a:hover {text-decoration: underline;}

#navigmenu {
	padding: 20px 5px 10px 0;
	text-align: right;
	display: block;
	width: auto;
	float: left;
}

#navigmenu ul {list-style: none;}

#navigmenu li {
display: block;
background-image: url(images/navigmenu_puce.gif);
background-position: right center;
background-repeat: no-repeat;
padding: 0 15px 0 0;
margin: 0 5px 0 0;
}

#navigmenu li a:link, #navigmenu li a:visited { 
    display: block ;
    color: #fff ;
    line-height: 1.5em ;
    text-decoration: none ;
	border-bottom: 1px dotted #3098bc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	-height: 20px; 
	}
	
#navigmenu li a:hover, #navigmenu li a:focus, #navigmenu li a:active { 
    display: block ;
    color: #000 ;
    text-decoration: none ;
	border-bottom: 1px dotted #3098bc;
    }
	
#navigmenu p {
margin: -5px 0 -10px 0;
padding: 0 7px 0 0;;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #faba00;
font-size: 13px;
}

#navigmenu a.title:link, #navigmenu a.title:visited, #navigmenu a.title:active {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #faba00;
font-size: 13px;
text-decoration: none;
}

#navigmenu a.title:hover {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000;
font-size: 13px;
}

.content_page {
	padding: 0px 0 15px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: hidden;
}

.content_page ul {list-style: none;  list-style-position: inherit;}
 
.content_page ul li {
background-image:url(images/puce_contenu.gif);
background-repeat: no-repeat;
background-position: left 5px;
padding-left: 10px;
}

.acces_homepage {padding: 0 0 10px 0;}
	
#cartouche_partenaires {
	display: block;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	padding: 15px 0 15px 0;
	height: 52px;
}

.cartouche_partenaires_left {float: left; width: 380px;}

.cartouche_partenaires_mid {
    border-left: 1px dotted #999;
	padding: 5px 25px 0 25px;
	float: left;
	height: 40px;
}
.cartouche_partenaires_right {
    border-left: 1px dotted #999;
	padding: 5px 15px 0 25px;
	float: left;
	height: 40px;	
}

#cartouche_partenaires img {	padding: 0 35px 0 0; border: 0px;}

#cartouche_partenaires td.liseret {border-left: 1px dotted #999; 	padding: 0 15px 0 25px;}

#cartouche_partenaires a.partenaires:link, #cartouche_partenaires a.partenaires:visited, #cartouche_partenaires a.partenaires:active {
font-family: Arial, Helvetica, sans-serif;
color: #0080ad;
font-size: 11px;
text-decoration: none;
background-image:url(images/puce_partenaires.gif);
background-repeat: no-repeat;
background-position: left center;
line-height: 18px;
padding: 0 0 0 10px;
}

#cartouche_partenaires a.partenaires:hover {color: #000;}

#footer_link {	display: block;	padding: 20px 0 40px 0px;}
	#footer_link ul {	list-style:none; padding: 0; margin: 0;}
	#footer_link li { float:left; padding: 0; background-image: none;}
	#footer_link li a:link, #footer_link li a:visited, #footer_link li a:active {
	padding: 0 15px 0 12px;
	text-decoration: none;
	color: #333;
	border-right: 1px solid #f2bd00;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	}
	#footer_link li a:hover {text-decoration: underline;}

h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #0080ad;
	padding: 5px 0 0 0;
}

.youtube {margin: 12px 0 12px 32px;}

.mp3{margin: 4px 0 24px 32px;}

dl {margin: 12px 0 12px 0;}
dt {font-weight:bold; margin: 12px 0 0 0; font-size:1em;}
dd {font-weight:normal; margin: 6px 0 0 12px;}

.bottom_space24 {margin-bottom:24px;}
.top_space0{margin-top:0;}
.top_space24{margin-top:24px;}
.top_space8{margin-top:8px;}

.clip {margin: 0 0 32px 32px; width:480px;line-height:145%;}

.titreclip {margin: 0 0 0 32px; font-size :1.1em; padding:0; }

.quizz {margin: -10px 0 32px 32px;}
	.quizz h4 {margin:12px 0 6px 0;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #0080ad;
	padding: 5px 0 0 0;
	border-bottom: 1px dotted #0080ad;
	line-height: 15px;
	display: block;
	height: 20px;}
	.quizz p {margin:6px 0 6px 0;}

.cartes {border: 1px solid #333; margin: 24px 0 32px 22px;}
	
#filter{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 220%;
	background-color: #CCA;
	z-index:110;
	opacity:0.5;
	filter: alpha(opacity=50);
}


#box {
	display: none;
	position: absolute;
	top: 10%;
	left: 20%;
	width: 718px;
	height: 680px;
	padding: 0;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:111;
	overflow: hidden;
}

#boxheader{
	position:absolute;
	top:0%;
	left:0%;
	width:710px;
	height:20px;
	padding:0;
	padding-top:2px;
	padding-left:8px;
	margin:0;
	margin-right:20px;
	border-bottom:1px solid black;
	background-color: #060;
	color:white;
	text-align:center;
}

#boxclose{
	float:right;
	position:absolute;
	top: 0;
	right: 0;
	background-image:url(images/close.gif);
	background-repeat:no-repeat;
	background-color:#CCC;
	border:1px solid black;
	width:20px;
	height:20px;
}

#boxcontent{
	position:absolute;
	top:23px;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	padding: 8px;
	overflow: auto;
	width:100%;
	height:100%;
}

h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #0080ad;
	padding: 5px 0 0 0;
}

h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	padding: 5px 0 0 0;
}

h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #0080ad;
	padding: 5px 0 0 0;
	border-bottom: 1px dotted #0080ad;
	line-height: 15px;
	display: block;
	height: 20px;
}

h4 {font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	padding: 5px 0 0 0;
	margin:0;}

h6 {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #0080ad;
	margin:4px 0 24px 0;
}

.case_gauche  {
float:left;
width:247px;
padding-top:12px;
padding-bottom:24px;
}

.case_milieu  {
float:left;
width:247px;
padding-top:12px;
padding-bottom:24px;
}

.case_droite  {
float:left;
width:231px;
padding-top:12px;
padding-bottom:24px;
}

.video_gauche  {
float:left;
width:430px;
padding:0;
margin:0;
}

.video_droite  {
float:left;
width:240px;
padding-left:12px;
padding-top:44px;
margin-left:12px;
margin-top:12px;
height:318px;
border-left : 1px solid #abd5e4;
}

.form_gauche {
float:left;
width:300px;
}
.form_droite {
float:left;
}
.wpcf7-form p {color : #0080ad;}
.bleu{background : #ddeff6;border:none}
#bloc_obligatoire{background:#0080ad; color:#fff;float:left; padding:4px}
#bouton_envoi{float:left;margin-left:180px;}

.fieldname {display:block;line-height:200%;}

.form , textarea{width:100%;}

.form_field {margin: 0 0 4px 32px; width:480px;}

input[type=hidden] {display:none;} /* for Mozilla - likes to show borders on hidden input fields */

form#bbSTF input#surprise {visibility:hidden; height:0; width:0;}

.button {margin: 12px 0 24px 24px;}

.sendto {margin: 12px 0 0 32px; font-size:.9em; width:480px;}

.techmono{font-family: Verdana, Geneva, sans-serif; font-size:18px;border-bottom: 1px dotted #0080ad;clear:both;padding-bottom:6px}
.clear_float {clear:both}
.texte_court{width:85%}
#titre_video, #groupe_video{width:560px}

#reglement ol {margin-left:16px; padding-left:0}
#reglement li {padding-bottom:12px}
#cat_videos .youtube {margin: 0}
.post-ratings {margin-left: 0 !important}
.legende_video {font-family: Verdana, Geneva, sans-serif; font-size:16px;color: #0080ad;}

.wp-pagenavi {
	clear: both;
	margin-bottom:12px;
	font-size:1.4em;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	padding: 3px 5px;
	margin: 2px;
	background:#ffcc00;
	color:#fff;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
	background:#dd3333;
	
}

.wp-pagenavi span.current {
	background:#0080ad;
	color:#fff;	
}