/*
#      ____________________
#_____/                    \
#____/   Sophie-Mateos.fr   \
#    \______________________/
#
# site web de Sophie Mateos
# Feuille de style ordi
# styles_o.css
# /www/inc/ 
*/


body
{
background-color:#000000;
font-family:verdana, sans, arial; 
margin:0;
}

.bandeau
{
width:100%;
background-color:#FFFFFF;
text-align:center;
cursor:pointer;
overflow:hidden;
}

.zone_gauche
{
float:left;
width:50%;
height:20vw;
margin:0;
overflow:hidden;
}

.image_zone
{
position:relative;
top:-2.5vw;
left:0;
width:100%;
margin:0;
cursor:pointer;
}

.image_zone:hover
{
opacity:0.5;
}

.titre_zone
{
position:relative;
top:9vw;
left:1vw;
font-size:2vw;
font-weight:bold;
text-align:center;
color:#FFFFFF;
text-shadow: #000 0em 0.1em 0.1em;
opacity:1;
}

.zone_droite
{
float:right;
width:50%;
height:20vw;
margin:0;
overflow:hidden;
}

.clear
{
clear:both;
}

.pied
{
text-align:center;
font-size:1vw;
color:#888888;
background-color:#000000;
width:100%;
#height:2vw;
line-height:2vw;
font-size:2vw;
}

.pied_table
{
color:#444444;
font-size:1.2vw;
}

.pied_icone
{
width:2vw;
position:relative;
top:0.5vw;
}

.P404
{
font-size:30vw;
text-align:center;
color:#FFFFFF;
}

.taille1
{
font-size:1vw;
text-align:center;
color:#FFFFFF;
position:relative;
top:-7vw;
overflow:hidden
}

.page_rubrique
{
color:#FFFFFF;
width:98vw;
min-height:500px;
text-align:justify;
padding:1vw;
}

.texte_rubrique a
{
text-decoration:none;
color:#111111;
}

.texte_rubrique a:hover
{
background:#CCCCCC;
}

.texte_rubrique
{
font-size:1.5vw;
color:#000000;
}

.titre_rubrique
{
font-size:3vw;
color:#444444;
margin-bottom:1vw;
}

.lien_pied
{
cursor:pointer;
text-decoration:none;
color:#333333;
}

.lien_pied:hover
{
background:#888888;
color:#000000;
}

pre
{
font-size:1vw;
}

.annonce_cookie
{
position:absolute;
top:350px;
right:-20px;
background-color:#FFFFFF;
width:320px;
padding:10px;
padding-right:30px;
color:#444444;
opacity:0.7;
}

.annonce_cookie:hover
{
opacity:1;
}

.annonce_titre
{
line-height:50px;
font-size:20px;
height:50px;
background-image:url(../images/icones/cookie.png);
background-position:left top;
background-repeat:no-repeat;
padding-left:55px;
}

.annonce_lien
{
cursor:pointer;
text-decoration:none;
color:#444444;
font-size:1vw;
}

.annonce_lien:hover
{
background:#444444;
color:#FFFFFF;
}

.contenu_cookie
{
font-size:15px;
}