@charset "utf-8";
/* CSS Document */

html {width: 100%; height: 100%;}
body {width: 100%; background-color:#1e1e1e; margin:0 auto; padding:0; background-image:url(../Pics/bg_Top.jpg); background-repeat:repeat-x; background-position:top; font-family:Arial; font-size:12px; color:#FFFFFF;}

h1 {font-family:Arial; font-size:18px; color:#be0a26; font-weight:bold; padding-left:40px;}
h2 {font-family:Helvetica; font-size:14px; color:#be0a26; padding-left:40px;}
p  {padding-left:40px; width:90%;}

ul {list-style-image:url(../Pics/puce.jpg); margin:0 auto; padding:0px; padding-left:40px; line-height:20px;}
li {margin-left:40px;}


.Inner{position:relative; float:left; width:872px; margin-left:-436px; left:50%;}
.Inner2{position:relative; float:left; width:897px; margin-left:-436px; left:50%;}

.ContainerTop {position:relative; float:left; width:100%; height:256px;}
.ContainerTop2 {position:relative; float:left; width:100%; height:256px;}
.ContainerLeft {position:relative; float:left; width:190px; height:270px; background-image:url(../Pics/bg_menu.jpg); background-repeat:repeat-y; background-position:top;}
.ContainerLeft2 {position:relative; float:left; width:215px; height:270px; background-image:url(../Pics/bg_menu2.jpg); background-repeat:repeat-y; background-position:top;}
.ContainerRight {position:relative; float:left; width:682px; height:100%; background-color:#090909; background-image:url(../Pics/bg_inner.jpg); background-repeat:repeat-y; background-position:top;}

.BlockMenu {position:relative; float:left; width:100%; margin-top:10px; padding-bottom: 10px;}
.BlockMenu2 {position:relative; float:left; width:100%; margin-top:10px; padding-bottom: 10px;}
.LineMenu {position:relative; float:right; width:155px; height:28px;}
.Testimonials{position:relative; float:right; width:215px; height:349px;}

.BlockTitle {position:relative; float:left; width:100%; margin-top:10px; margin-bottom:10px; text-align:center;}

.BlockQuote {position:relative; float:left; width:100%; padding-left:20px; margin-top:20px;}
.ImgQuote {position:relative; float:left; width:50px;}
.TextQuote {position:relative; float:left; width:320px; font-style:normal;}
.TextQuote2 {position:relative; float:left; width:410px; font-style:normal;}
.TextQuote3 {position:relative; float:left; width:480px; font-style:normal;}

.Footer {position:relative; float:left; width:100%; height:35px; line-height:35px; text-align:center; font-size:11px;}



TEXTAREA.Formulaire, INPUT.Formulaire, SELECT.Formulaire
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size: 11px;
text-decoration: none;
border:0px;
border-left:1px solid #be0a26;
border-right:1px solid #be0a26;
background-color:#FFFFFF;
}

SUBMIT.Formulaire {border:1px solid #be0a26;}

.LineContact {position:relative; float:left; width:100%; padding-top:2px; padding-bottom:2px;}
.LabelContact {position: relative; float:left; width:100px; padding-right:5px; text-align:right; font-weight:bold;}
.InputContact {position: relative; float:left; width:380px; padding-left:5px; }

/*###################################################*/
/*                 Tag Cloud    					 */
/*###################################################*/

.ContainerTagCloud{position:absolute; float:right; width:255px; bottom:0; right:0; background-color:#72121d;}
.TagCloud {position:relative; float:left; padding:10px 10px 10px 10px; width:90%; text-align:justify;}


span.TagCloud01{font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#FFFFFF; text-decoration: none; padding:} 
A.TagCloud01:link	{font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#FFFFFF; text-decoration: none; padding:}
A.TagCloud01:visited{font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none;}
A.TagCloud01:hover	{font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: underline;}
A.TagCloud01:active	{font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none;}
A.TagCloud01:focus	{font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none;}

span.TagCloud02{font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#FFFFFF; text-decoration: none;}
A.TagCloud02:link	{font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#FFFFFF; text-decoration: none;}
A.TagCloud02:visited{font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; text-decoration: none;}
A.TagCloud02:hover	{font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; text-decoration: underline;}
A.TagCloud02:active	{font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; text-decoration: none;}
A.TagCloud02:focus	{font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; text-decoration: none;}

span.TagCloud03{font-family:Arial, Helvetica, sans-serif; font-size: 18px; color:#c2989d; text-decoration: none;}
A.TagCloud03:link	{font-family:Arial, Helvetica, sans-serif; font-size: 18px; color:#c2989d; text-decoration: none;}
A.TagCloud03:visited{font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #c2989d; text-decoration: none;}
A.TagCloud03:hover	{font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #c2989d; text-decoration: underline;}
A.TagCloud03:active	{font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #c2989d; text-decoration: none;}
A.TagCloud03:focus	{font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #c2989d; text-decoration: none;}

span.TagCloud04{font-family:Arial, Helvetica, sans-serif; font-size: 20px; color:#c7a0a5; text-decoration: none;}
A.TagCloud04:link	{font-family:Arial, Helvetica, sans-serif; font-size: 20px; color:#c7a0a5; text-decoration: none;}
A.TagCloud04:visited{font-family:Arial, Helvetica, sans-serif; font-size: 20px; color: #c7a0a5; text-decoration: none;}
A.TagCloud04:hover	{font-family:Arial, Helvetica, sans-serif; font-size: 20px; color: #c7a0a5; text-decoration: underline;}
A.TagCloud04:active	{font-family:Arial, Helvetica, sans-serif; font-size: 20px; color: #c7a0a5; text-decoration: none;}
A.TagCloud04:focus	{font-family:Arial, Helvetica, sans-serif; font-size: 20px; color: #c7a0a5; text-decoration: none;}

span.TagCloud05{font-family:Arial, Helvetica, sans-serif; font-size: 22px; color:#c2989d; text-decoration: none;}
A.TagCloud05:link	{font-family:Arial, Helvetica, sans-serif; font-size: 22px; color:#c2989d; text-decoration: none;}
A.TagCloud05:visited{font-family:Arial, Helvetica, sans-serif; font-size: 22px; color: #c2989d; text-decoration: none;}
A.TagCloud05:hover	{font-family:Arial, Helvetica, sans-serif; font-size: 22px; color: #c2989d; text-decoration: underline;}
A.TagCloud05:active	{font-family:Arial, Helvetica, sans-serif; font-size: 22px; color: #c2989d; text-decoration: none;}
A.TagCloud05:focus	{font-family:Arial, Helvetica, sans-serif; font-size: 22px; color: #c2989d; text-decoration: none;}

span.TagCloud06{font-family:Arial, Helvetica, sans-serif; font-size: 24px; color:#FFFFFF; text-decoration: none;}
A.TagCloud06:link	{font-family:Arial, Helvetica, sans-serif; font-size: 24px; color:#FFFFFF; text-decoration: none;}
A.TagCloud06:visited{font-family:Arial, Helvetica, sans-serif; font-size: 24px; color: #FFFFFF; text-decoration: none;}
A.TagCloud06:hover	{font-family:Arial, Helvetica, sans-serif; font-size: 24px; color: #FFFFFF; text-decoration: underline;}
A.TagCloud06:active	{font-family:Arial, Helvetica, sans-serif; font-size: 24px; color: #FFFFFF; text-decoration: none;}
A.TagCloud06:focus	{font-family:Arial, Helvetica, sans-serif; font-size: 24px; color: #FFFFFF; text-decoration: none;}

span.TagCloud07{font-family:Arial, Helvetica, sans-serif; font-size: 26px; color:#FFFFFF; text-decoration: none;}
A.TagCloud07:link	{font-family:Arial, Helvetica, sans-serif; font-size: 26px; color:#FFFFFF; text-decoration: none;}
A.TagCloud07:visited{font-family:Arial, Helvetica, sans-serif; font-size: 26px; color: #FFFFFF; text-decoration: none;}
A.TagCloud07:hover	{font-family:Arial, Helvetica, sans-serif; font-size: 26px; color: #FFFFFF; text-decoration: underline;}
A.TagCloud07:active	{font-family:Arial, Helvetica, sans-serif; font-size: 26px; color: #FFFFFF; text-decoration: none;}
A.TagCloud07:focus	{font-family:Arial, Helvetica, sans-serif; font-size: 26px; color: #FFFFFF; text-decoration: none;}

div.Footer a:link{
text-decoration: underline;
color: #ffffff;
}
div.Footer a:visited{
text-decoration: underline;
color: #ffffff;
}
div.Footer a:hover{
text-decoration: underline;
color: #ffffff;
}
div.Footer a:active{
text-decoration: underline;
color: #ffffff;
}

div.ContainerRight a.visible:link{
text-decoration: underline;
color: #ffffff;
}
div.ContainerRight a.visible:visited{
text-decoration: underline;
color: #ffffff;
}
div.ContainerRight a.visible:hover{
text-decoration: underline;
color: #ffffff;
}
div.ContainerRight a.visible:active{
text-decoration: underline;
color: #ffffff;
}



ul.leftlist{
width: 170px;
float: left;
margin: 0px 0px 0px 0px;
}
p.end{
clear: both;
}
div.end{
clear: both;
}
span.end{
clear: both;
}





div.boutonbox{
text-align: right;
padding-right: 40px;
}
a.bouton:link{
text-decoration: none;
background: #be0a26;
color: #ffffff;
padding: 7px 10px 7px 10px;
font-weight: bold;
}
a.bouton:visited{
text-decoration: none;
background: #be0a26;
color: #ffffff;
padding: 7px 10px 7px 10px;
font-weight: bold;
}
a.bouton:hover{
text-decoration: none;
background: #7a1a24;
color: #ffffff;
padding: 7px 10px 7px 10px;
font-weight: bold;
}
a.bouton:active{
text-decoration: none;
background: #be0a26;
color: #ffffff;
padding: 7px 10px 7px 10px;
font-weight: bold;
}
a.bouton2:link{
text-decoration: none;
background: #ffffff;
color: #be0a26;
padding: 7px 10px 7px 10px;
font-weight: bold;
}
a.bouton2:visited{
text-decoration: none;
background: #ffffff;
color: #be0a26;
padding: 7px 10px 7px 10px;
font-weight: bold;
}
a.bouton2:hover{
text-decoration: none;
background: #eeeeee;
color: #be0a26;
padding: 7px 10px 7px 10px;
font-weight: bold;
}
a.bouton2:active{
text-decoration: none;
background: #ffffff;
color: #be0a26;
padding: 7px 10px 7px 10px;
font-weight: bold;
}
a.bouton3:link{
text-decoration: none;
background: #7a1a24;
color: #ffffff;
padding: 7px 10px 7px 10px;
font-weight: bold;
}
a.bouton3:visited{
text-decoration: none;
background: #7a1a24;
color: #ffffff;
padding: 7px 10px 7px 10px;
font-weight: bold;
}
a.bouton3:hover{
text-decoration: none;
background: #be0a26;
color: #ffffff;
padding: 7px 10px 7px 10px;
font-weight: bold;
}
a.bouton3:active{
text-decoration: none;
background: #7a1a24;
color: #ffffff;
padding: 7px 10px 7px 10px;
font-weight: bold;
}
a.bouton4:link{
text-decoration: none;
background: #be0a26;
color: #ffffff;
padding: 7px 10px 7px 10px;
font-weight: bold;
font-size:9px
}
a.bouton4:visited{
text-decoration: none;
background: #be0a26;
color: #ffffff;
padding: 7px 10px 7px 10px;
font-weight: bold;
font-size:9px
}
a.bouton4:hover{
text-decoration: none;
background: #7a1a24;
color: #ffffff;
padding: 7px 10px 7px 10px;
font-weight: bold;
font-size:9px
}
a.bouton4:active{
text-decoration: none;
background: #be0a26;
color: #ffffff;
padding: 7px 10px 7px 10px;
font-weight: bold;
font-size:9px
}


/* FORMULAIRE */
div.form-box{
margin:0px;
padding:0px;
}
div.form-box br{
line-height: 5px;
}
fieldset{
margin-bottom: 20px;
padding: 20px 20px 20px 20px;
border: 0px;
}
label{
display: block;
float: left;
width: 230px;
text-align: right;
margin-right: 20px;
font-size: 12px;
font-weight: bold;
padding: 3px 20px 3px 3px ;
}
input{
width: 300px;
}
select{
width: 305px;
margin-bottom: 2px;
font-size: 12px;
font-family: arial, verdana;
}
textarea{
width: 300px;
height: 70px;
font-family: arial, verdana;
font-size: 12px;
}
div#answer{
text-align: center;
}
span.form-alert{
font-size: 14px;
font-weight: bold;
color: #e74848;
}
span.form-ok{
font-size: 14px;
font-weight: bold;
color: #92b405;
}
span.form-normal{
font-size: 14px;
font-weight: bold;
color: #ffffff;
}

span.form-normal2{
font-size: 20px;
font-weight: bold;
color: #FF8080;
}
input#submit{
background: url(/Pics/bouton2.jpg) no-repeat top center;
width:75px;
height:29px;
border:none;
cursor:pointer;
}

input#submit2{
background: url(/Pics/bouton3.jpg) no-repeat top center;
width:295px;
height:29px;
border:none;
cursor:pointer;
}



/* ALERT */
.require{
font-size: 14px;
color: #e74848;
}
.alert{
font-size: 12px;
color: #be0a26;
}
.alert2{
font-size: 12px;
font-weight: bold;
color: #be0a26;
}
.alert3{
font-size: 14px;
font-weight: bold;
color: #be0a26;
}
.alert4{
font-size: 12px;
color: #be0a26;
}
div.center{
text-align: center;
}

div.right{
text-align: right;
margin-right: 80px;
}


span.mentionemail{
font-size: 10px;
color: #FF0000;
}




/*//////////////////////////////////////////////////////////////////////////////
//Modif pour formation-referencement.php et formation-referencement-google.php//
//////////////////////////////////////////////////////////////////////////////*/

.formation-referencement-portrait {
margin-left:30px;
float:left;
}

.seminaire-referencement-ariane{
color:#BE0A26;
margin-left:30px;
margin-bottom:20px;
}

.seminaire-referencement-ariane a,hover,visited,hover-visited{
color:#BE0A26;
text-decoration:none;
}

.formation-biographie{
margin-top:6px;
margin-left:240px;
margin-right:20px;
}








.seminaire-programme {
margin-left:30px;
margin-right:20px;
margin-bottom:15px;

}
.seminaire-programme a:link {
color:#FFFFFF;
text-decoration:none;
}
.seminaire-programme a:hover{
color:#FFFFFF;
text-decoration:none;
}
.seminaire-programme a:active {
color:#FFFFFF;
text-decoration:none;
}
.seminaire-programme a:visited{
color:#FFFFFF;
text-decoration:none;
}



.formation-google-footer{
margin-left:30px;
margin-right:20px;
color:#BE0A26;
}

.formation-google-footer a,hover,visited,hover-visited{
color:#BE0A26;
text-decoration:none;
}


.fil-ariane{
color:#FCFCFC;
margin-left:30px;
margin-bottom:20px;
}

.menu-formation-referencement{
color:#FCFCFC;
margin-left:30px;
margin-bottom:20px;
}

.bloc-dynamique{
margin-left:30px;
margin-bottom:20px;
margin-right:20px;
}

.puces{
margin-top:20px;
}

.sousimage {
margin-left:30px; 
margin-right:20px
}

.sousimage a:link{
color:#FFFFFF;
text-decoration:none;
}


.sousimage a:hover{
color:#FFFFFF;
text-decoration:none;
}

.sousimage a:active{
color:#FFFFFF;
text-decoration:none;
}

.sousimage a:visited{
color:#FFFFFF;
text-decoration:none;
}

/* FORMULAIRE 2*/
div.form-box2{
float:left;
}
div.formbr br{
line-height: 1px;
}


#emailbox{
text-align: center;
}