/* -----------------------------------------------------------------------------------------------
	#	Willkommen in Deutschland - http://www.willkommen-in-deutschland.fr/
	#	Description				:	Feuille de style principale
	#	------------------------------------------------------------------------------------------ */


/* ------------------------
	# Balises globales
	# --------------------- */
	
body {
    background:url(images/wid/top.png) #56B9E2 repeat-x;
    width:960px;
    margin:auto;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#666666;
}

p  {
	margin:0.5em;
	text-align:justify;
}

hr {
    height:1px;
    margin-bottom:10px;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	color:#666666;
	background-color:#666666;
	border:0;
}

a img {
    border:none;
}

/* ------------------------
	# Corps
	# --------------------- */

div#corps {
    float:left;
    margin-top:25px;
	width:960px;
	height:auto;
}

/* ------------------------
	# Gauche
	# --------------------- */
	
div#gauche {
   float:left;
   width:300px;
}

div#gauche div.box_musikplus {
    background-color:#000000;
    border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    border:2px solid #000000;
    box-shadow:1px 1px 5px #555;
    margin-bottom:15px;
}

div#gauche div.box {
    background-color:#FFFFFF;
    border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
    border:2px solid #DADADA;
    box-shadow:1px 1px 5px #555;
    margin-bottom:15px;
}

div#gauche div.box h3 {    
    font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
    text-align:left;
    text-transform:uppercase;
    color:#1F368B;
    margin-left:20px;
	margin-bottom:8px;
	margin-top:10px;
}

div#gauche div.box ul {
    padding:0px;
    padding-left:20px;
    margin:0px;
    margin-bottom:5px;
}

div#gauche div.box a {
    color:#1F368B;
	text-decoration:none;
}

div#gauche div.box a:hover {
    color:#1F368B;
	text-decoration:underline;
}

div#gauche div.reseaux a {
    color:#666666;
    margin-left:10px;
    font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
    text-transform:uppercase;
    font-size:25px;
    text-decoration:none;
}

div#gauche div.reseaux a:hover {
    color:#000000;
}

/* ------------------------
	# Droite
	# --------------------- */

div#droite {
    margin-left:310px;
    margin-bottom:15px;
    color:#666666;
    background-color:#FFFFFF;
    border:2px solid #DADADA;
    border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
    box-shadow:1px 1px 5px #555;
}

div#droite a {
    color:#1f368b;
	text-decoration:none;
}

div#droite a:hover {
    color:#1f368b;
	text-decoration:underline;
}

div#droite h3 {    
    font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
    text-align:left;
    text-transform:uppercase;
    color:#1f368b;
    margin-left:20px;
	margin-bottom:8px;
	margin-top:10px;
}

div#droite div.ombre_60x60 {
    background:url(images/wid/ombres/60x60.png) no-repeat;
    margin:0;
	width:60px;
    height:60px;
}

div#droite div.ombre_106x106 {
    background:url(images/wid/ombres/106x106.png) no-repeat;
    margin:0;
	width:106px;
    height:106px;
}

div#droite div.ombre_110x110{
    background:url(images/wid/ombres/110x110.png) no-repeat;
    margin:0;
	width:110px;
    height:110px;
}

div#droite div.ombre_210x210 {
    background:url(images/wid/ombres/210x210.png) no-repeat;
    margin:0;
	width:210px;
    height:210px;
}

div#droite div.ombre_210x310 {
    background:url(images/wid/ombres/210x310.png) no-repeat;
    margin:0;
	width:210px;
    height:310px;
}

div#droite div.ombre_310x210 {
    background:url(images/wid/ombres/310x210.png) no-repeat;
    margin:0;
	width:310px;
    height:210px;
}

div#droite div.ombre_640x360 {
    background:url(images/wid/ombres/640x360.png) no-repeat;
    margin:0;
	width:640px;
    height:360px;
}

div#droite div.ombre_210x160 {
    background:url(images/wid/ombres/210x160.png) no-repeat;
    margin:0;
	width:210px;
    height:160px;
}

div#droite div.ombre_160x210 {
    background:url(images/wid/ombres/160x210.png) no-repeat;
    margin:0;
	width:160px;
	height:210px;
}

div#droite div.ombre_310x160 {
    background:url(images/wid/ombres/310x160.png) no-repeat;
    margin:0;
	width:310px;
	height:160px;
}

div#droite div.ombre_310x310 {
    background:url(images/wid/ombres/310x310.png) no-repeat;
    margin:0;
	width:310px;
    height:310px;
}

div#droite div.ombre_90x90 {
    background:url(images/wid/ombres/90x90.png) no-repeat;
    margin:0;
	width:90px;
    height:90px;
}

div#droite div.ombre_210x110 {
    background:url(images/wid/ombres/210x110.png) no-repeat;
    margin:0;
	width:210px;
    height:110px;
}

div#droite div.ombre_310x110 {
    background:url(images/wid/ombres/310x110.png) no-repeat;
    margin:0;
	width:310px;
    height:110px;
}

div#droite div.ombre_110x210 {
    background:url(images/wid/ombres/110x210.png) no-repeat;
    margin:0;
	width:110px;
    height:210px;
}

div#droite .sous-titre  {
    margin-left:30px;
	margin-bottom:10px;
	color:#666666;
	font-size:16px;
	font-weight:bold;
	font-family:Helvetica, sans-serif;
}

/* ------------------------
	# Tableau (Sommaires)
	# --------------------- */
.table td {
    background-color:#DADADA;
}

.table td:hover {
    background-color:#CECECE;
}

/* ------------------------
	# Footer
	# --------------------- */
div#footer {
    float:left;
	margin-bottom:20px;
    background-color:#FFFFFF;
	width:960px;
    height:15px;
	padding-top:5px;
	padding-bottom:5px;
    text-align:center;
    border:2px solid #DADADA;
    border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
    box-shadow:1px 1px 5px #555;
}

div#footer .texte a {
    color:#1C2E86;
	font-weight:bold;
	text-decoration:none;
}

div#footer .texte a:hover {
    color:#1C2E86;
	font-weight:bold;
	text-decoration:underline;
}

div#copyright {
    margin-bottom:20px;
    color:#333333;
    text-align:center;
    font-size:9px;
}

/* ------------------------
	# Module Connexion-Emploi
	# --------------------- */

div#connexion-emploi {
    width:630px; 
    font-size:12px;
}

div#connexion-emploi a {
    text-decoration:none;
    font-weight:bold;
}

div#connexion-emploi a:hover{
    font-size:12px;
}

div#connexion-emploi .ce-title { 
    display:none; 
}

/* ------------------------
	# Box Archives
	# --------------------- */

#box_archives {
    background-color:#1C2E86;
	color:#FFFFFF;
	padding:5px;
    margin-bottom:5px;	
	box-shadow:1px 1px 5px #555;
}

#box_archives a {
    text-decoration:none;
	color:#FFFFFF;
    font-weight:bold;
	font-size:15px;
	font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
    text-transform:uppercase;
}

#box_archives a:hover {
    font-size:15px;
	color:#FFFFFF;
	text-decoration:none;
}

/* ------------------------
	# Box Newsletter
	# --------------------- */
	
#box_newsletter {
	background : lightgray;
	padding : 10px;
	width:300px;
	box-shadow:0px 0px 4px #555;
	-moz-box-shadow:0px 0px 4px #555;
	-webkit-box-shadow:0px 0px 4px #555;
	border-radius : 3px;
	-moz-border-radius : 3px;
	-webkit-border-radius : 3px;
}

 #box_envoi_newsletter {
	background:lightgray;
	padding:10px;
	margin:10px;
	width:300px;
	box-shadow:0px 0px 4px #555;
	-moz-box-shadow:0px 0px 4px #555;
	-webkit-box-shadow:0px 0px 4px #555;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}