/*
Bleu R : 3, V : 94, B 165
Vert : R : 0, V : 147, B 69
*/


/* CSS GENERAL DU SITE */
html {
margin-left:15%;
margin-right:10%;
background-color:none;
font-family:"Calibri";
}
p{
font-size:20px;
margin-left:50px;
}
li{
font-size:20px;
list-style-image:url(../img/puce_bonhomme.gif);
}
h4{
color:rgb(3,94,165);
font-size:28px;
margin-left:5%;
}

#menu, #menu ul 
{
 padding : 0; 
 margin : 0; 
 list-style : none; 
 line-height : 35px; 
 text-align : center; 	
}
#menu 
{
		margin-left:5%;
 font-weight : bold; 
 font-family : Calibri; 
 font-size : 12px; 
}

#menu a 
{
 display : block; 
 padding-left : 15px; 
 padding-right : 15px; 
		background-color:white; /* A changer si l'on souhaite modifier la couleur du menu (sous-menu*/
 color : black; 
 text-decoration : none; 
 width : auto; /* taille des menus */
		font-size: 16px;
		background-repeat:repeat;
		border-bottom-color:lightblue; 
		border-bottom-width:2px;
		border-bottom-style:solid;
}
	#page_actuelle{ 
	border-bottom-color:rgb(3,94,165); 
	border-bottom-width:2px;
	border-bottom-style:solid;
	}
#menu li 
{ 
 float : left; 
 /* pour IE */
 border-right : 1px solid #fff; 
		list-style:none;
		margin-left:0; /* pour contrecarer la zone image fil rouge */
		font-weight: normal;
}

/* IE */
html>body #menu li
{
 border-right: 1px solid transparent ; 
}
#menu li ul 
{ 
 position: absolute; 
 width: 250px;
 left: -999em; 
}
#menu li ul li 
{
 /* pour IE */
 border-top : 1px solid #fff; 
}
/* IE */
html>body #menu li ul li 
{
 border-top : 1px solid transparent; 
		
}
#menu li ul ul 
{
 margin : -22px 0 0 144px ; 
 /* pour IE */
 border-left : 1px solid #fff ;
}
#menu ul li ul a{
text-align:left;
text-indent:20px;
width:250px;
padding:0;
}
/* IE */
html>body #menu li ul ul 
{
 border-left : 1px solid transparent ; 
}
#menu a:hover /* Lorsque la souris passe sur un des liens */ 
{


		color: black; 
		text-decoration:underline;

}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Lorsque la souris passe sur un élément de liste */
{
 left: -999em; /* On dégage les sous-sous-listes du champs de vision */
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste et sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
 left: auto; 
 min-height: 0; /* IE */
}

/*----------------------------------------------
Contact Pop-Up
------------------------------------------------*/
#image_contact{
	margin-left:45px;
}
#abc #coordonnees2{
	border: none;
	margin-left: 375px;
    margin-top: -215px;
}

#abc {
width:100%;
height:100%;
opacity:.95;
top:0;
left:0;
display:none;
position:fixed;
background-color:#313131;
overflow:auto;
z-index:50;
}
#abc img#close {
position:absolute;
right:-14px;
top:-14px;
cursor:pointer;
}
#abc div#popupContact {
position:absolute;
left:33%;
top:5%;
font-family:'Raleway',sans-serif;
}
#abc form {
max-width:800px;
min-width:250px;
padding:10px 50px;
border:2px solid gray;
border-radius:10px;
font-family:raleway;
background-color:#fff;
}
#abc #form p{font-size:11px;line-height:5px;padding:8px 0 0 0;margin:0;}
#abc p {
margin-top:30px;
}
#abc h2 {
background-color:#FEFFED;
padding:20px 35px;
margin:-10px -50px;
text-align:center;
border-radius:10px 10px 0 0;
}
#abc hr {
margin:10px -50px;
border:0;
border-top:1px solid #ccc;
}
#abc input[type=text], #abc input[type=email] , #abc input[type=tel]  {
width:300px;
padding:10px;
margin-top:10px;
border:1px solid #ccc;
padding-left:40px;
font-size:16px;
font-family:raleway;
}

input:invalid {
  border: 2px solid red;
    border-radius: 4px;
}

input:valid {
  border: 2px solid green;
    border-radius: springgreen;
}
#abc input[type=text]:focus ,#abc input[type=email]:focus ,#abc input[type=tel]:focus{
    background-color: lightblue;
	border: 1px solid #555;
	color:slategrey;
}
#abc #mail {
background-image:url(../img/contact/email.png);
background-repeat:no-repeat;
background-position: 3px 3px;
background-size: 33px;
}
#abc #nom {
background-image:url(../img/contact/name.png);
background-repeat:no-repeat;
background-position: 3px 3px;
background-size: 33px;
}
#abc #telephone {
background-image:url(../img/contact/mobile.png);
background-repeat:no-repeat;
background-position: 3px 3px;
background-size: 33px;
}
#abc #organisation {
background-image:url(../img/contact/organisation.png);
background-repeat:no-repeat;
background-position: 3px 3px;
background-size: 33px;
}
#abc #ville {
background-image:url(../img/contact/ville.png);
background-repeat:no-repeat;
background-position: 3px 3px;
background-size: 33px;
}
#abc #pays {
background-image:url(../img/contact/pays.png);
background-repeat:no-repeat;
background-position: 3px 3px;
background-size: 33px;
}

#abc textarea {
background-image:url(../img/contact/msg.png);
background-repeat:no-repeat;
background-position: 3px 3px;
background-size: 33px;
width:93%;
height:120px;
padding:10px;
resize:none;
margin-top:30px;
border:1px solid #ccc;
padding-left:40px;
font-size:16px;
font-family:raleway;
margin-bottom:30px;
}
#abc textarea:focus{    
	background-color: steelblue;
	border: 1px solid #555;
	color:white;
	}
#abc #submit {
text-decoration:none;
width:100%;
text-align:center;
display:block;
background-color:#FFBC00;
color:#fff;
border:1px solid #FFCB00;
padding:10px 0;
font-size:20px;
cursor:pointer;
border-radius:5px;
}
#abc span {
color:red;
font-weight:700;
}
#button_popup_contact {
width:10%;
height:45px;
border-radius:3px;
background-color:#cd853f;
color:#fff;
font-family:'Raleway',sans-serif;
font-size:18px;
cursor:pointer;
}
/* CONTACT */
#abc label{
display:none;
}