/*======================================================================================
/*============================    CSS DEFAULT par AzoteStark    ============================
/*======================================================================================


/*---------------------------------
	IMPORTS POLICE
-----------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Galdeano);

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(icone.css);
@import url(formulaire.css);
@import url(lien.css);
@import url(rss.css);

/*---------------------------------
	TITRE
-----------------------------------*/

h3 { font-size :24px; margin : 20px 0 20px 0;}


/*---------------------------------
	BODY, HEADER, FOOTER
-----------------------------------*/
body
{
margin:0; 
padding:0;
color:#000;
font:normal 18px 'Galdeano', serif;
text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
clear : none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow : auto;
}

header
{
background: rgb(252,252,252); /* Old browsers */
background: url(../images/navigoo2.png), url(../images/IE_BG_FIX.png); /* W3C */
background: url(../images/navigoo2.png), -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
background: url(../images/navigoo2.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: url(../images/navigoo2.png), -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: url(../images/navigoo2.png), -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
background: url(../images/navigoo2.png), -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* IE10+ */
background-repeat: no-repeat, no-repeat;
background-position: 1% 50%, left;
background-size : auto 40px, 100% auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
zoom:1;
-webkit-box-shadow:0px 0px 15px #e10178;
-moz-box-shadow:0px 0px 15px #e10178;
box-shadow:0px 0px 15px #e10178; 
width : 100%;
margin:0;
padding : 0;
border-bottom:1px solid #ccc;
color:#3b4a48;
text-shadow:0px 1px 1px #fff;
position: fixed;
top:0;
right:0;
z-index : 10;
overflow : none;
}

footer{
background : #d1dddb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
zoom:1;
-webkit-box-shadow:0px 0px 15px #e10178;
-moz-box-shadow:0px 0px 15px #e10178;
box-shadow:0px 0px 15px #e10178; 
width : 100%;
text-align:center;
padding:10px;
margin: 0;
border-top:1px solid #ccc;
color:#3b4a48;
font-size:18px;
text-shadow:0px 1px 1px #fff;
position: fixed;
bottom:0;
left:0;
vertical-align : bottom;
}

footer p
{
display : inline;
}

footer a, footer a:visited
{
padding : 0 15px;
display : inline;
font-size:18px;
text-decoration : none;
color:#3b4a48;
}	

footer a:hover
{
color:#3b4a48;
text-decoration : none;
-webkit-text-shadow:0px 0px 20px #e10178;
-moz-text-shadow:0px 0px 20px #e10178;
text-shadow:0px 0px 20px #e10178; 
}

/* ========================================================================= */
/*  =================== FORMULAIRE ET LIGHTVIEW ============================ */
/* ========================================================================= */

#fade 
{ 
cursor: pointer;
background:#000; 
position:fixed; 
width:100%; 
height:100%; 
filter:alpha(opacity = 60); 
opacity:.60; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /*--Transparence sous IE 8--*/
left:0; 
top:0; 
z-index:10000;
}	

.popup_block 
{ 
background-color : #d1dddb;
padding:10px 20px; 
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0px 0px 7px #e10178;
-moz-box-shadow:0px 0px 7px #e10178;
box-shadow:0px 0px 7px #e10178;
border:1px solid #e10178;
float:left; 
width:500px; 
position:fixed; 
top:20%; 
left:50%; 
margin:0 0 0 -250px; 
z-index:1000000; 
}

.popup_1rech 
{ 
background-color : #d1dddb;
padding:10px 20px; 
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0px 0px 7px #e10178;
-moz-box-shadow:0px 0px 7px #e10178;
box-shadow:0px 0px 7px #e10178;
border:1px solid #e10178;
 
width:95%; 
position:fixed; 
top:5%; 
left : 1%;
margin:0 0 0 0; 
z-index:1000000; 
}

.popup_chrono 
{ 
background-color : #d1dddb;
padding:10px 20px; 
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0px 0px 7px #e10178;
-moz-box-shadow:0px 0px 7px #e10178;
box-shadow:0px 0px 7px #e10178;
border:1px solid #e10178;
 
width:95%; 
position:fixed; 
top:5%; 
left : 1%;
margin:0 0 0 0; 
z-index:1000000; 
}

.popup_chrono .popup 
{ 
color : #3B4A48;
width:100%; 
background-color : #fff;
-webkit-box-shadow:inset 0px 0px 7px rgba(0,0,0,0.2);
-moz-box-shadow:inset 0px 0px 7px rgba(0,0,0,0.2);
box-shadow:inset 0px 0px 7px rgba(0,0,0,0.2);
border : 1px solid #3b4a48;
}

.popup_block .popup 
{ 
color : #3B4A48;
width:100%; 
background-color : #fff;
-webkit-box-shadow:inset 0px 0px 7px rgba(0,0,0,0.2);
-moz-box-shadow:inset 0px 0px 7px rgba(0,0,0,0.2);
box-shadow:inset 0px 0px 7px rgba(0,0,0,0.2);
border : 1px solid #3b4a48;
}	

.popup h3 
{ 
padding : 0px;
text-align : center;
color : #3b4a48;
border-bottom:1px solid #e10178; 
font-size:1.5em; 
font-weight:normal; 
} 
#radio { width : 100%; text-align : left; margin : 0 20px; }
#popup_recherche, #popup_ecran, #popup_postit, #popup_ajoutemoi, #popup_partage_email, #popup_contact, #popup_chronoliens, #popup_1rech
{ 
position:absolute; 
width:100%; 
height:100%;
top:0; 
left:0; 
} 

/*LIGNES NOTES*/
#note
{
color : #3b4a48;
text-align : left;
padding : 0 15px;
border-top : 1px solid #e10178;
margin-top : 20px;
width : 80%;
height : 150px; 
display : inline-block;
overflow : auto; 
text-overflow : ellipsis;
}

/*---------------------------------
	logo
-----------------------------------*/

#logo
{
position : relative;
left : 0;
top : 0;
width : 100px;
padding : 10px 15px;
}

/* ========================================================================= */
/*  =================== HAUT_2 : RECHERCHE METEO & RSS ============ */
/* ========================================================================= */

#haut_2
{
color : #3B4A48;
font-family : inherit;
padding-top : 0px;
margin : 60px 0 0 0;
width : 100%;
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
overflow : hidden;
}

/*---------------------------------
	Enregistrement
-----------------------------------*/

.enregistre
{

background : #fff;
padding : 10px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
zoom:1;
-webkit-box-shadow:0px 0px 15px #e10178;
-moz-box-shadow:0px 0px 15px #e10178;
box-shadow:0px 0px 15px #e10178; 
border : 1px solid #e10178;
}

/*---------------------------------
	Moteur de recherche + RSS
-----------------------------------*/

#moteur_de_recherche_unique
{
	/*border : 1px solid black;*/
vertical-align : 0;
	text-align : center;
	
	width : 100%;
	margin : 0 0 0 0;
	font-size : 20px;
	color : #3B4A48;
	position: relative;
}

.moteur_de_recherche_unique
{
display : inline-block;
background : #fff;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
zoom:1;
-webkit-box-shadow:0px 0px 15px #e10178;
-moz-box-shadow:0px 0px 15px #e10178;
box-shadow:0px 0px 15px #e10178; 
border : 1px solid #e10178;
}
.moteur_de_recherche_unique img { vertical-align : middle;}
#moteur_de_recherche_unique img
{
display : inline;
font-size : inherit;
margin-right : 5px;
}


#moteur_de_recherche
{
/*border : 1px solid black;*/
vertical-align : 0;
text-align : left;
padding-top : 50px;
float : left;
width : 100%;
margin : 0 0 15px 50px;
font-size : 20px;
color : #3B4A48;
position: relative;
}

.moteur_de_recherche
{
display : inline-block;
background : #fff;
padding : 10px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
zoom:1;
-webkit-box-shadow:0px 0px 15px #e10178;
-moz-box-shadow:0px 0px 15px #e10178;
box-shadow:0px 0px 15px #e10178; 
border : 1px solid #e10178;
}
.moteur_de_recherche img { vertical-align : middle;}
#moteur_de_recherche img
{
display : inline;
font-size : inherit;
margin-right : 5px;
}

#submit {
vertical-align : middle;
margin : 0 0 0 10px;}

/* ICONES */
#moteur_de_recherche p.first
{
background : #fff;
padding : 9px 5px 5px 8px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
zoom:1;
-webkit-box-shadow:0px 0px 15px #e10178;
-moz-box-shadow:0px 0px 15px #e10178;
box-shadow:0px 0px 15px #e10178; 
border : 1px solid #e10178;
margin : 45px 0 0 4%;
display : inline-block;
}

#moteur_de_recherche p
{
background : #fff;
padding : 9px 5px 5px 8px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
zoom:1;
-webkit-box-shadow:0px 0px 15px #e10178;
-moz-box-shadow:0px 0px 15px #e10178;
box-shadow:0px 0px 15px #e10178; 
border : 1px solid #e10178;
margin : 15px 0 0 4%;
display : inline-block;
}

/*---------------------------------
	METEO & FLUX CONTENU RSS...
-----------------------------------*/
#rss_windows
{
display : inline-block;
*display : inline;
margin : 0 9% 0 0;
overflow : none;
background : #fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
/*-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;*/
-webkit-box-shadow:0px 0px 15px #e10178;
-moz-box-shadow:0px 0px 15px #e10178;
box-shadow:0px 0px 15px #e10178; 
zoom:1;
border : 1px solid #e10178;
font-size : 0px;
color : #3B4A48;
}


/* ========================================================================= */
/* ================ AJOUTE_MOI : SYSTEME AJOUTE MOI  ======================= */
/* ========================================================================= */

#ajoute_moi
{
margin : 25px 0 50px 40px;
padding : 0 40px 0 0;
text-align : left;
zoom:1;
clear : both;	
}

/*---------------------------------
	AJOUTE_MOI : LE LIEN POUR CREER LIEN
-----------------------------------*/

#creer_ajoute_moi
{
margin : 0px;
display : inline-block;
*display : inline;
vertical-align : 75px;
}

/*---------------------------------
	AJOUTE_MOI : LES LIENS CRÉES
-----------------------------------*/

#block_ajoute_moi
{
background:#efefef;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
width : 253px;
margin : 10px;
display : inline-block;
*display:inline;/*IE ONLY*/
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
clear : none;
}

#lien_supprime_moi, #lien_supprime_moi:visited
{
display : inline-block;
color : #3B4A48;
text-align : right;
}
#lien_supprime_moi:hover{color : #FC3C3C; text-shadow:1px 1px 1px #D1DDDB;}
#lien_supprime_moi:active{text-shadow:5px 5px 5px #D1DDDB;}

#lien_mont, #lien_mont:visited, #lien_desc, #lien_desc:visited
{
display : inline-block;
width : 45px;
color : #3B4A48;
text-align : center;
font-family : inherit;
font-size : 18px;
text-decoration : none;
}

#lien_mont:hover, #lien_desc:hover {text-shadow:1px 1px 1px #D1DDDB;}
#lien_mont:active, #lien_desc:active {text-shadow:5px 5px 5px #D1DDDB;}

.postit
{
position : fixed;
width : 100px;
height : 100px;
bottom : 10px;
left : 20px;
background: url(../images/postit.png) no-repeat center center;
background-size : auto 100%;
z-index : 100;
}

#bulle_postit
{
font-size : inherit; font-family : inherit;
display : inline-block;
background : #fff;
padding : 1%;
-moz-border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
border-radius:15px 15px 15px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
zoom:1;
-webkit-box-shadow:0px 0px 15px #e10178;
-moz-box-shadow:0px 0px 15px #e10178;
box-shadow:0px 0px 15px #e10178; 
border : 1px solid #e10178;
position : fixed;
max-width : 500px;
bottom : 90px;
left : 90px;
background: #fff;
background-size : auto 100%;
z-index : 1000;
overflow : hidden;
}


/* ========================================================================= */
/*  ============================== MENU ==================================== */
/* ========================================================================= */	


#subjournaux, #subsport, #subwebtv, #subperso
{
display : none;
float : right;
height : 40px;
position: fixed;
top:42px;
right:15%;
z-index : 10;
}
#subsport{ right:12%; }
#subwebtv{ right:9%; }
#subperso{ right:15%; }

	
ul.button-bar
{
float : right;
padding : 0;
display:inline-block;
*display:inline;
position:relative;
right : 0;
top : 0;
margin:0;
padding : 0;
font-size:0;
zoom:1;
border:0;
background:0;
}

	ul.button-bar li
	{
	zoom:1;
	display:inline-block;
	*display:inline;
	position:relative;
	left : 0;
	top : 0;
	font-size:0;
	height : 40px;
	margin:0;
	padding:0;
	line-height:100%;
	border:1px solid #ccc;
	background: rgb(252,252,252); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	box-sizing : border-box;
	}
	
	ul.button-bar li a{
	height : 40px;
	margin:0;
	display:inline-block;
	*display:inline;
	padding:12px 5px;
	position:relative;
	top:0;
	left:0;
	zoom:1;
	font-weight:normal;
	font-size:14px; /*Pixels for consistancy*/
	text-shadow:0 1px 0 #fff;
	color:#666;
	text-decoration:none;
	vertical-align: 100%;
	line-height:100%;
	border-left:1px solid #fff;
	border-bottom:1px solid #e10178;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	box-sizing : border-box;
	}
	
	/* Menu déroulant */
	.subjournaux:hover .submenujournaux {display:block;}

	
	ul.button-bar li a .icon{
	position:relative;
	left:0;
	margin:-5px 0;
	}
	
	ul.button-bar li a:hover{
	background: rgb(252,252,252); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
	border-bottom:1px solid #ff97cd;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	box-sizing : border-box;
	}
	
	ul.button-bar li a:active{
	background: linear-gradient(top, rgba(224,224,224,1) 0%,rgba(252,252,252,1) 100%); /* W3C */
	background: -o-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(252,252,252,1) 100%); /* Opera11.10+ */
	background: rgb(224,224,224); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(252,252,252,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,224,224,1)), color-stop(100%,rgba(252,252,252,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(252,252,252,1) 100%); /* Chrome10+,Safari5.1+ */
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	box-sizing : border-box;
	}
	
/* ========================================================================= */
/*  ========================== Page Special ================================ */
/* ========================================================================= */		

/* === Page noJS === */	
#nojs, #erreurphp{ margin: 20% 10% 30% 10%; }

#nojs h3, #erreurphp h3{ font-size : 40px; color : #222; }

#nojs a, #nojs a:visited, #erreurphp a, #erreurphp a:visited{ text-decoration : underline; color : #222;}
#nojs a:hover, #erreurphp a:hover{text-decoration : none;}

#nojs p, #erreurphp p { margin : 0 5% 2% 5%; font-size : 28px;}

#nojs span, #erreurphp span{font-size : 30px; margin-left : 3%;}
/* === Page d'erreur === */	
/*h3.erreurphp{ margin : 10% 0 5% 20%; font-size : 32px; text-decoration : underline;}

p.erreurphp{ margin : 0 30% 5% 30%; font-size : 28px;}

}*/