* {
margin: 0px;
padding: 0px;
font-size: inherit;
}


a img {border: none;}
a img:hover {border: none;}

a img.video {	
	border:4px solid #88f811; -moz-border-radius:10px; 
}

a img.video:hover {	
	border:4px solid #ffffff; -moz-border-radius:10px; 
}

img.comment {	
	border:4px solid #ffffff; -moz-border-radius:10px; 
	float: left;
	margin-right: 10px;
}
img.video {	
	border:4px solid #88f811; -moz-border-radius:10px; 
}

img.seminaire {
	float: left;
	margin-right : 10px;
}
img.seminaire_button {
	float: left;
	margin-left: 20px;
}

body {
	width: 900px;

	margin: 0 auto;	
	padding: 0;
	color: #ffffff; 
	font-family: verdana, arial; 
	text-align: justify; 
	font-size: 100%;
	font-weight: normal;
	background: #999999;
}

body, p, div, li, a {
	font-size:12px;
	font-family:verdana, arial;
} 

p.comment {
font-size: 11px;
}

p.noir {
	color:#000000;
}

p.blanc {
	color:#ffffff;
}

p span {
 color:#70bf1b;
}

p.normal {
	color: #ffffff;
	font-weight: normal;
	padding: 0 0 0.5em 0;
}
p.normal span {
	color: #83e51a;
	font-size: 14px;
	font-weight: bold;
}
p.moyen30{
	font-size:25px;
	line-height:25px; 
	font-family: verdana, arial;  
	color:	#83e51a;	
	text-decoration: none;	
}

#listbesoins li { 
	list-style-type: square; 
	line-height: 16px;
	font-size:12px;
	margin-left:23px;
}
#listlipdub li { 
	list-style-type: square; 
	line-height: 16px;
	font-size:12px;
	margin-left:23px;
	margin-top:7px;

}
#list_verte li { 
	list-style-type: square; 
	line-height: 16px;
	font-size:12px;
	margin-left:23px;
	margin-top:7px;
	color:#000000;
}

h1 {
	color: #ffffff;
	font-weight: normal;
	padding: 0 0 1em 0;
}
h1 span {
	color: #83e51a;
	font-size: 14px;
	font-weight: bold;
}
h2 {
	color: #ffffff;
	font-weight: normal;
	padding: 0 0 5px 0;
}
h2 span {
	color: #83e51a;
	font-weight: bold;
}
h3 {
	color: #ffffff;
	font-size:16px;
	font-weight: bold;
	padding: 0px 0 5px 0;
	text-align:center;
}

p.devis {
	color: #ffffff;
	
	font-size:12px;
}
p.devis span {
	color: #ffffff;
	font-weight: bold;
	font-size:16px;
}

a {
	font-size:12px;
	color: #70bf1b; 
	text-decoration: underline;
}
a:hover {
	color: #70bf1b;
}
a.link_under {
	font-size:14px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a.link_under:hover{
	color: #b9b9b9; 
}

a.bigblanc{
	font-size:14px;
	font-weight: bold;
	color: #ffffff;
}

a.small{
	font-size:11px;
	font-weight: normal;
	text-align:center;
	color:	#83e51a;
	text-decoration: none;
}

a.gros60{
	font-size:50px;
	font-family: verdana, arial; 
	color:	#83e51a;
	text-decoration: none;	
}
a.gros50{
	font-size:40px;
	font-family: verdana, arial; 
	color:	#8ae02f;	
	text-decoration: none;	
}
a.gros40{
	font-size:30px;
	font-family: verdana, arial; 
	color:#6bb818;
	text-decoration: none;	
}
a.gros38{
	font-size:28px;
	font-family: verdana, arial; 
	line-height:36px;
	color:#7bbe34;
	text-decoration: none;	
}

a.moyen30{
	font-size:25px;
	line-height:25px; 
	font-family: verdana, arial;  
	color:	#83e51a;	
	text-decoration: none;	
}
a.moyen25{
	font-size:20px;
	line-height:22px;
	font-family: verdana, arial; 
	color:#6bb818;	
	text-decoration: none;	
}
a.moyen20{
	font-size:15px;
	line-height:20px;
	font-family:arial narrow;
	color:#6bb818;	
	text-decoration: none;	
}

a.title_seminaire {
	font-family:verdana, arial;
	color: #83e51a;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;	
}
a.devis {
	color: #ffffff;
	font-weight: bold;
	font-size:24px;
}

span.spacer {
	height:1px;
	overflow:hidden;
	display:block;
	width:100%;
	clear:both;
}

select {
	width: 95%; 
	margin: auto; 
	background: #f0f0f0; 
	border: 1px solid #f0f0f0; 
	color: #9c9c9c; 
}

option {
	background: #f0f0f0; 
	border: 1px solid #f0f0f0;
}

ul#menu  {
	float: left;
	width: 720px;
	height:16px;
	margin-left: 5px; 
	margin-top: 13px;
	color: #b9b9b9; 
}
ul#menu li {
	float: left;
	margin-right: 10px;
	font-size:14px;
	font-weight: bold;	
	list-style-type:none;
}

#liens {
	float: right;
	width: 150px;
	margin-top:5px;
	margin-right: 10px;
}

#croix a {
	float: right;
	width: 20px;
	height: 20px;
	margin-top:15px;
}

.block {
	border: 0;
	padding-top: 10px; 
	margin: 0px;
}

#content {
    text-align:justify;
    width: 900px;
	padding:0;
	margin: auto;
	margin-top: 10px;
	float:left;
	background-color:#333333;
}

#barre {
	
	width: 100%;
	height: 108px;
	margin-top: 0px; 
	padding: 0px;
	background:url(img/logo.jpg) no-repeat;
	background-color:#ffffff;
}

#barre_closed {
	width: 100%;
	height: 108px;
	margin-top: 10px; 
	padding: 0px;
	background:url(img/logo_closed.jpg) no-repeat;
	background-color:#ffffff;
}

#logo{
	float: left;
	width: 550px;
	height: 70px;
	margin: 0px auto; 
}


#spacer {
	clear:both;
}

#cadre {
	float: center; 
	width: 900px;
	height: 620px;
	background: #333333; 
	background-color:#333333;
	background-image:url(img/barrebas.png);
	background-repeat:no-repeat;
	background-position:0% 100%;
}

#cadresoft {
	float: none; 
	width: 900px;
	background: #333333; 	
	text-align: justify;
}



#gauche {
	float: left; 
	width: 400px;
	padding: 1em 2em 0 1em;
	margin: 0;
}

#gauche_450{
	float: left; 	
	width: 450px;
	padding: 1em 1em 0 2em;
	margin: 0;
	line-height: 16px;
}
#gauche_700{
	float: left; 	
	width: 900px;
	padding: 0em 0em 0 2em;
	margin: 0;
	line-height: 16px;

}

#droite {
	float: right;
	width: 430px;
	margin: 0;
	padding: 1.5em 1.5em 0 1em;
}

#droite_100 {
	float: right;
	width: 130px;
	margin: 0;
	padding: 1.5em 1em 0 1em;
	text-align: center;
}

#droite_lipdub {
	float: right;
	width: 420px;
	margin: 0;
	padding:10px;
	margin-top: 10px;
	margin-right: 20px;
	background:url(img/fond_lipdub.png) no-repeat;	
}


#seminaire_photo{
	float: left; 	
	width: 200px;
	padding: 1em 0em 0 0em;
	margin: 0;
}
#seminaire_text{
	float: left; 	
	width: 600px;
	padding: 1em 0em 0 2em;
	margin: 0;

}
#seminaire_activite{
	float: left; 	
	padding: 0;
	margin: 1em 0 1em 0;
}

#activite_photo{
	float: left; 	
	width: 220px;
	padding: 1em 0em 0 2em;
	margin: 0;
}
#activite_text{
	float: left; 	
	width: 800px;
	padding: 3em 2em 1em 2em;
	margin: 0;

}

#lipdub-how{
	float: left;
	width: 420px;
	margin: 0;
	padding:10px 10px 20px 10px;
	background:#6bb21f;
}

#comment_tealmbuilding{
	float: left;
	width: 420px;
	margin: 0;
	padding:0 10px 0 10px;
	background:#6bb21f;
}

#comment_fetes {
	float: left;
	width: 420px;
	margin: 0;
	padding:0 10px 0 10px;
	background:#6bb21f;
}
#comment_fetes_header {
	float: left;
	width: 420px;
	margin: 0;
	padding:10px;
	margin-top:15px;
	background:url(img/comment_fetes_header.png) no-repeat bottom;	
	color: #ffffff;
	font-size:16px;
	font-weight: bold;
	text-align:center;	
}
#comment_fetes_footer{
	float: left;
	width: 420px;
	margin: 0;
	padding:10px;
	background:url(img/comment_fetes_footer.png) no-repeat;	
}

#droite_fetes {
	float: left;
	width: 200px;
	margin: 0;
	padding:0px;
	margin-top: 10px;
}

#team_activites {
	float: left;
	width: 120px;
	height: 60px;
	margin: 0;
	margin-right: 10px;
	padding:0px;
	background:url(img/bg_team_activites.png) no-repeat bottom;	
}

#news {
	float: left; 
	width: 380px;
	height: 200px;
	padding: 0 10px 10px 10px;
	margin-top: 0px;
	margin-left: 0px;
	
}
#news2{
	float: left; 
	width: 380px;
	height: 200px;
	padding: 10px;
	margin-top: 0px;
	margin-left: 0px;
	
}

#pilule{
  position: absolute;
  top:290px;
  left:540px;
}

#videos {
	float: left; 
	width: 200px;
	padding: 0px;
	margin-top: 90px;
	margin-left: 10px;
	text-align:center;

}

#lipdub {
	float: left; 
	width: 200px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	text-align:center;

}

#seminaires {
	float: right; 
	width: 250px;
	padding: 0px;
	margin-right: 175px;
	margin-top: 15px;
	text-align:center;

}

#evenementiel {
	float: left; 
	width: 250px;	
	padding: 0px;
	margin-top: 10px;
	margin-left: 190px;
	text-align:center;
}
#webdesign {
	float: right; 
	width: 250px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 200px;
	text-align:center;
}


#news-all{float:left; width:600px; padding:15px}
#news-even{float:left; width:600px;margin-left:10px;background:transparent url(img/dot2.gif) repeat-x left bottom;padding:5px;}
#news-even a.more{background-color:#eee;text-decoration:none;color:#666;text-shadow:#fff 1px 1px 1px;padding:2px 6px 3px 6px;margin:0;font-size:85%;text-transform:uppercase;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#centre {
	float: left;
	width: 900px;
	text-align: left;
	padding-top: 0px;
	margin: 0 10px auto;
}
#article {
	float: left; 
	width: 160px;
	padding: 0;
	margin: 0;
}
#nuage_references {
	float:left;
	width:100%;
	text-align:center;	
	margin:0;
}

#footer {
	float: none; 
	width: 99%;
	height:30px;
	background-color:#333333;
	background-image:url(img/footer_logo.png);	
	background-repeat:no-repeat ;
	background-position: 0% 100%;	
	font-size:10px;
	padding-top:15px;
	padding-right:1px;
	text-align:right;
	
}
#footer a{
	color:#ffffff;
	font-size:10px;
}


#comment_zone{
	float: left;
	width: 750px;
	height: 120px;
	margin-bottom : 15px;
	margin-left: 80px;
}
#comment_photo{
	float: left;
	width: 120px;
	height: 120px;
	margin-right: 10px;
}
#comment_texte{
	float: left;
	width: 580px;
	height: 120px;
	padding: 12px;
	padding-right: 16px;
	margin-right: 10px;
	text-align: justify;
	background: url(img/comment_texte.png) no-repeat;
}
#comment_texte p{
	font-size: 11px;
}

a.rollover_alpc{
     width: 340px;
     height: 120px;
     background: url(img/references/alpc.jpg);
     border: 0;
	 display:block;
}
a.rollover_alpc:hover {
     background: url(img/references/alpc_lipdub.jpg);
}

a.rollover_masao{
     width: 340px;
     height: 120px;
     background: url(img/references/masao.jpg);
     border: 0;
	 display:block;
}
a.rollover_masao:hover {
     background: url(img/references/masao_lipdub.jpg);
}

a.rollover_rte{
     width: 340px;
     height: 120px;
     background: url(img/references/rte.jpg);
     border: 0;
	 display:block;
}
a.rollover_rte:hover {
     background: url(img/references/rte_lipdub.jpg);
}
a.rollover_saturn{
     width: 340px;
     height: 120px;
     background: url(img/references/saturn.jpg);
     border: 0;
	 display:block;
}
a.rollover_saturn:hover {
     background: url(img/references/saturn_lipdub.jpg);
}
a.rollover_lessieur{
     width: 340px;
     height: 120px;
     background: url(img/references/lessieur.jpg);
     border: 0;
	 display:block;
}
a.rollover_lessieur:hover {
     background: url(img/references/lessieur_lipdub.jpg);
}


a.rollover_citya{
     width: 340px;
     height: 120px;
     background: url(img/references/citya.jpg);
     border: 0;
	 display:block;
}
a.rollover_citya:hover {
     background: url(img/references/citya_lipdub.jpg);
}

a.rollover_croix_rouge{
     width: 340px;
     height: 120px;
     background: url(img/references/croix_rouge.jpg);
     border: 0;
	 display:block;
}
a.rollover_croix_rouge:hover {
     background: url(img/references/croix_rouge_lipdub.jpg);
}


a.rollover_mondial{
     width: 340px;
     height: 120px;
     background: url(img/references/mondial_assistance.jpg);
     border: 0;
	 display:block;
}
a.rollover_mondial:hover {
     background: url(img/references/mondial_assistance_lipdub.jpg);
}

a.rollover_triptik{
     width: 340px;
     height: 120px;
     background: url(img/references/acigne.jpg);
     border: 0;
	 display:block;
}
a.rollover_triptik:hover {
     background: url(img/references/acigne_lipdub.jpg);
}

a.rollover_generale_sante{
     width: 340px;
     height: 120px;
     background: url(img/references/generale_sante.jpg);
     border: 0;
	 display:block;
}
a.rollover_generale_sante:hover {
     background: url(img/references/generale_sante_lipdub.jpg);
}

a.rollover_france_expo{
     width: 340px;
     height: 120px;
     background: url(img/references/france_expo.jpg);
     border: 0;
	 display:block;
}
a.rollover_france_expo:hover {
     background: url(img/references/france_expo_lipdub.jpg);
}

a.rollover_neosoft{
     width: 340px;
     height: 120px;
     background: url(img/references/neosoft.jpg);
     border: 0;
	 display:block;
}
a.rollover_neosoft:hover {
     background: url(img/references/neosoft_lipdub.jpg);
}

a.rollover_chateaugiron{
     width: 340px;
     height: 120px;
     background: url(img/references/chateaugiron.jpg);
     border: 0;
	 display:block;
}
a.rollover_chateaugiron:hover {
     background: url(img/references/chateaugiron_lipdub.jpg);
}

a.rollover_motorola{
     width: 340px;
     height: 120px;
     background: url(img/references/motorola.jpg);
     border: 0;
	 display:block;
}
a.rollover_motorola:hover {
     background: url(img/references/motorola_lipdub.jpg);
}

a.rollover_badminton{
     width: 340px;
     height: 120px;
     background: url(img/references/badminton.jpg);
     border: 0;
	 display:block;
}
a.rollover_badminton:hover {
     background: url(img/references/badminton_lipdub.jpg);
}