@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,600,300&subset=latin,latin-ext);

body
{
padding:0px;
margin:0px;
font-family:ubuntu, Arimo, calibri, DejaVu Sans, Trebuchet, Arial, Helvetica, sans-serif;
font-family:'Yanone Kaffeesatz'!important;
font-family:'Open Sans',Sans-Serif!important;
font-size:18px;
background-color:#FFF;
background-image: url('images/fond2.jpg');
background-attachment:fixed;
text-align:justify;
}

a img
{
border:0;
}

a, .a
{
cursor:pointer;
color:#68b;
text-decoration:none;

}

a:hover, .a:hover 
{
text-decoration:underline;
}



nav
{
min-height:60px;
//height:60px;
}

#menu
{
position:fixed;
position:static;
top:0px;

background-color: none;

margin-left:auto;
margin-right:auto;
margin-top:0px;
//width:950px;
max-width:950px;

text-align:justify;

width:100%;
//padding-top:20px;
}


#menu ul
{
margin:0px;
padding:0px;
text-align:center;
}

#menu li
{
list-style-type: none;
text-indent:0px;
margin:0px;
padding:0px;
display:inline;
}

#menu li a ,.submit
{
border:0;
font-family:ubuntu, Arimo, calibri, DejaVu Sans, Trebuchet, Arial, Helvetica, sans-serif;
font-family:'Yanone Kaffeesatz'!important;
font-family:'Open Sans',Sans-Serif!important;
font-size:17px;
text-decoration:none;
color:#fff;
display:inline-block;
margin:1px;
padding:4px;
min-width:90px;
font-weight:bold;
//text-shadow:   0 0 3px #fff,   0 0 1px #fff;
background-color: #366498;

box-shadow: 1px 1px 0px rgba(0,0,0,0.2), 0px 0px 0px rgba(0,0,0,0.2), -0px -0px 1px rgba(0,0,0,0.2) inset,0px 30px 0px rgba(255,255,255,0.15) inset; 
  -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;


/**/
}




#menu li a:hover ,.submit:hover
{
background-color: #4674a8;

box-shadow: 1px 1px 0px rgba(0,0,0,0.3), 5px 5px 2px rgba(0,0,0,0.3), -0px -0px 1px rgba(0,0,0,0.3) inset,0px 30px 0px rgba(255,255,255,0.15) inset; 
cursor:pointer;/**/

}








button, select
{
background-color: #CCC;
border-radius:3px;
box-shadow: 1px 1px 0px rgba(0,0,0,0.3), 0px 0px 0px rgba(0,0,0,0.3), -0px -0px 8px rgba(0,0,0,0.3) inset; 
border: 1px outset #888;
}

select
{
border: 1px inset #888;
}

button:active 
{
border: 1px inset #888;
}


#CONTROLSundefined, .wzCtrl
{
background-color: #ccc;
border-radius:4px;
box-shadow: 1px 1px 0px rgba(0,0,0,0.3), 0px 0px 0px rgba(0,0,0,0.3), -0px -0px 8px rgba(0,0,0,0.3) inset; 
border: 1px outset #ccc;
}


textarea, input, .ifr
{
border:0;
//border:1px solid #282828;
//background-color: rgba(255,255,255,0.03);
//background-color: #383838;
background-color:#EEE;
box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
border-radius:2px;

font-family:Arimo;
font-size:16px;
}

textarea
{
height:300px;
width:100%;

}

textarea:hover, input:hover
{
//background-color: rgba(255,255,255,0.05);
background-color:#FFF;
//background-color: #444;

}




ul
{
text-align:justify;
}



#entete , header
{
margin:0px;
padding:0px;
}

#entete
{
margin-left:auto;
margin-right:auto;
margin-top:0px;
//width:950px;
max-width:950px;
padding:10px;


text-align: right;
background-color:#eee;
background:url('images/logo2.png');
background: url('images/fond.jpg');

background-repeat:no-repeat;
margin-top:20px;
margin-bottom:20px;
//padding-top:20px;

}
/*
@keyframes anim {

0% {background:url('images/figarol.jpg') no-repeat 5px 10px;}
50% {background:url('images/eglise.jpg') no-repeat 50px 10px;}
100% {background:url('images/fond2.jpg') no-repeat 5px 10px;}
}

#entete
 {
animation-name: anim;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: linear;
  -webkit-transition: all .9s ease-in;
    -moz-transition: all .9s ease-in;
    -o-transition: all .9s ease-in;
    transition: all .9s ease-in;
}

#entete:hover
 {
background:url('images/eglise.jpg')
}
*/















#entete h2
{
font-style:italic;
font-size:40px;
color:#fff;
text-shadow: 0px 0px 4px #005;
}
#entete h3
{
font-size:20px;
margin-top:-10px;
color:#fff;
text-shadow: 2px 0px 4px #005;
}

#contenu 
{
margin:0px;
margin-left:auto;
margin-right:auto;

//width:950px;
max-width:950px;
min-height:550px;
padding:10px;
background-color:#FFF;
margin-bottom:80px;
}


#bas
{
margin-left:auto;
margin-right:auto;
margin-top:0px;
//width:950px;
max-width:950px;
min-height:100px;
//height:100px;

padding:10px;
}


#bas a
{

}

footer, #bas 
{

background-color:#777;
background-color:#B89978;
background-color:#dddddd;
}



p
{
//text-indent: 50px;


}

.partage
{
display:inline-block;
cursor:pointer;
margin-bottom:-5px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
  -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

.partage:hover
{
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);
}



#images
{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background-color: rgba(0,0,0,0.5);
text-align:center;
vertical-align:middle;
display:none;

  -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;

}

#image
{
height:75%;
margin-top:5%;
vertical-align:middle;
box-shadow: 10px 10px 20px #000;
border: 5px solid #fff;
}

.tia
{
color:#D70;
}

.article
{
border-bottom:1px solid #000;
padding:5px;
}


#images2
{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background-color: rgba(20,20,20,0.9);
text-align:center;
vertical-align:middle;
display:none;


}

#image2
{

height:35%;
margin-top:5%;
}

.adim
{
display:inline-block;
padding:4px;
height:150px;
//max-width:200px;
overflow:hidden;
}

.place
{

float:right;
height:40px;
width:40px;
border: 4px dashed #888;
margin-top:25px;
margin-left:8px;
cursor:pointer;

}

.tima
{
height:48px;
margin:1px;
}

.dosim
{
float:right;
width:300px;
padding:4px;
height:500px;
overflow:auto;
background-color: #fff;
text-align:justify;

}


.photos
{
height:140px;
border: 2px solid #fff;
	  -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
margin:0px;	
padding:0px;
cursor:pointer;
}

.photos:hover
{

-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-o-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
//height:180px;
//margin:0px;
box-shadow: 1px 1px 4px #000;
}


.dim
{
display:inline-block;
margin:6px;
padding:4px;
height:190px;
background-color: #fff;
text-align:center;
box-shadow: 1px 1px 4px #000;
}

.adim a
{
color:#F00;
position:absolute;
font-weight:bold;
font-size:18px;
margin:1px;
margin-top:-1px;
text-shadow: 0 0 2px #050;
}

#retour
{
background-color:#000;
background-color: rgba(0,0,0,0.5);
//background-color:#000;
position:fixed;
bottom:0px;
right:0px;
padding:4px;
display:none;
font-size:12px;
}

#retour a
{
color:#FFF;
}


#contenu img, article img
{
border:6px solid #FFF;
box-shadow: 3px 3px 8px #000;
margin:4px;
}