@charset "iso-8859-1";

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
  color: #FFFFFF;
  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  background: url('fond_03.png') top center repeat-Y;
  background-color: #061923;
}

a:link, a:active, a:visited { color:#0F5263; text-decoration:none;  }
a:hover  { color: #359EB0; text-decoration: none;  }
a:active { outline: none; } 

ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}


div#global01 {
  position: relative;
  z-index 0;
	max-width: 900px;
	margin: auto;
	padding: 0px auto;
  min-width: 320px;
  text-align: left;
}


h1, h6 {
  margin: 2px 0px 15px 0px;
  padding: 0px;
  color: #FFF;
  font-size: 18px;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0px;
  text-shadow: none;
}
h6 {
  font-size: 12px;
  margin: 2px 0px 5px 10px;
}

h2 {
  margin: 2px 0px 5px 0px;
  padding: 0px;
  color: #FF3300;
  font-size: 16px;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0px;
  text-shadow: none;
}


/*==============================================================================
  BANDEAU DU HAUT / MENU
==============================================================================*/

div#bandeau {
  width: 100%;
  position: relative;
  height: 100px;
  padding: 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #359EB0;
  background: #061822 url('bandeau.png') top center no-repeat;
	-moz-box-shadow: 3px 3px 10px #061822;
	-webkit-box-shadow: 3px 3px 10px #061822;  
	box-shadow: 3px 3px 10px #061822;
}

div#bandeauinside {
  position: relative;
  z-index 0;
	max-width: 920px;
	margin: auto;
	padding: 0px auto;
  min-width: 320px;
  text-align: left;
}

#bandeau h1 {
  text-indent: -5000px;
  line-height: 0;
}

div#bandeau img {
  border: 0px;
}

#logoWoW {
  position: absolute;
  top: 10px;
  left: 0;
}


#menu {
  position: absolute;
  top: 65px;
  right: 0;
}

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

#menu li {
  display: inline;
} 

#menu li a {
	margin: 0px 3px 0px 3px;
  font-size: 12px;
  height: 30px;
  padding: 4px 6px 4px 6px;
  text-align: center;
  color: #EEE;
  background: #006571;
  background: -webkit-linear-gradient( #00A6B0, #00424E);
  background:    -moz-linear-gradient( #00A6B0, #00424E);
  background:     -ms-linear-gradient( #00A6B0, #00424E);
  background:      -o-linear-gradient( #00A6B0, #00424E);
  background:         linear-gradient( #00A6B0, #00424E);
  border-radius: 4px;
  text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
  box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
              0 -1px 0 rgba( 255, 255, 255, 0.4);
  text-decoration: none;
}

#menu li a:hover, #menu a:focus {
  color: #FFF;
  background: #555;
  background: -webkit-linear-gradient( #777, #333);
  background:    -moz-linear-gradient( #777, #333);
  background:     -ms-linear-gradient( #777, #333);
  background:      -o-linear-gradient( #777, #333);
  background:         linear-gradient( #777, #333);
}




/*===========================================================================*/
/*   BARRE DE CREDITS en bas de page                                         */
/*===========================================================================*/

div#footer {
  width: 100%;
  padding: 5px 0px 15px 0px;
	margin: 15px 0px 0px 0px;
	border-top: 1px solid #359EB0;
  background: #061822 url('bandeau.png') top center repeat-y;
	-moz-box-shadow: -3px -3px 10px #061822;  
	-webkit-box-shadow: -3px -3px 10px #061822;  
	box-shadow: -3px -3px 10px #061822; 
}

div#footerinside {
  position: relative;
  z-index 0;
	max-width: 900px;
	margin: auto;
	padding: 0px auto;
  min-width: 320px;
  text-align: left;
}

.creditsl {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 5px auto 5px auto;
  color: #FFFFFF;
  font-size: 12px;
  text-align: left;
  font-style: normal;
  font-weight: normal;
}

.creditsr {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 12px;
  font-weight: normal;
}

div.nuagetag {
  margin: 5px auto 5px auto;
  padding: 5px;
  background-color: #061822;
  border: 1px solid #0F5263;
	-moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  clear: both;
  overflow: auto;
}

div#reseaux {
  position: relative;
  margin: 5px auto 5px auto;
  padding: 5px;
  font-size: 12px;
  text-align: left;
  font-style: normal;
  font-weight: normal;
  clear: both;
  overflow: auto;
}

.treseaux {
  float: left;
}

div.tnuagetag, div.tnuagetag2 {
  position: relative;
  text-align: left;
  font-size: 10px;
  float: left;
  margin: 0px 40px 0px 0px;
}
div.tnuagetag2 {
  margin: 0px 40px 0px 0px;
}

div.tnuagetag a, div.tnuagetag2 a { color: #999; }
div.tnuagetag a:hover, div.tnuagetag2 a:hover { color: #CCC; }



/*===========================================================================*/
/*   PAGE PRINCIPALE (MAIN) : définitions                                    */
/*===========================================================================*/

div#main01 {
	width: 100%;
  margin: 0px;
  padding: 10px 0px 0px 0px;
  text-align: left;
  position: relative;
}

.bloc01 {
  position: relative;
  top: 0px;
  left: 0;
  width: 570px;
}

.bloc02 {
  position: absolute;
  top: 10px;
  right: 0;
  width: 305px;
}



/*===========================================================================*/
/*   BLOC GENERAL avec coins arrondis et ombre portée                        */
/*===========================================================================*/

.wwbloc {
  margin: 0px 0px 30px 0px;
  padding: 20px;
  font-size: 14px; 
  font-style: normal;
  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  color: #333333;
  text-align: justify;
  background-color: #FFFFFF;
  border: 1px solid #222222;
	-moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  behavior: url(http://www.windsofweb.com/border-radius.htc); 
	-moz-box-shadow: 4px 4px 10px #333;  
	-webkit-box-shadow: 4px 4px 10px #333;  
	box-shadow: 4px 4px 10px #333; 
}

.wwbloc strong {
  color: #104ACD;
  font-weight: bold;
}



/*===========================================================================*/
/*   PAGE ACCUEIL                                                            */
/*===========================================================================*/

.wwparagraphe01, .wwparagraphe03, .wwparagraphe03B, .wwparagraphe04, .wwparagraphe06,
.wwparagraphe08, .wwparagraphe10  {
  padding: 10px 10px 10px 10px;
  margin: 0px 0px 15px 0px;
  font-size: 14px;
  font-style: normal;
  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  color: #333;
  text-align: justify;
  background-color: #FFF;
  border: 1px solid #222;
	-moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  behavior: url(http://www.windsofweb.com/border-radius.htc); 
	-moz-box-shadow: 4px 4px 10px #333;  
	-webkit-box-shadow: 4px 4px 10px #333;  
	box-shadow: 4px 4px 10px #333; 
  background-color: #FFF;
  background-image: url('fond_bloc01.png');
  background-position: bottom;
  background-repeat: repeat-x;
}

.wwparagraphe03 {
  height: 190px;
  padding: 10px 20px 10px 20px;
  text-align: center;
}
.wwparagraphe03B {
  padding: 10px 20px 10px 20px;
  text-align: left;
}


.wwparagraphe04 {
  padding: 10px 20px 10px 20px;
  text-align: center;
  background-image: none;
  font-size: 12px;
}

.wwparagraphe10 {
  padding: 10px 20px 10px 20px;
  text-align: center;
  background-image: none;
  font-size: 12px;
}


.wwparagraphe03 h2 {
  margin: 2px 0px 10px 0px;
}

.wwparagraphe04 h3 {
  margin: 5px 0px 10px 0px;
  padding: 0px 0px 5px 0px;
  border-bottom: 1px solid #BBB;
  color: #0F5263;
  font-size: 20px;
  font-weight: bold;
}
.wwparagraphe04 h4 {
  margin: 6px 0px 5px 0px;
  color: #0F5263;
  font-size: 14px;
  font-weight: bold;
}
.wwparagraphe04 span {
  color: #0F5263;
  font-size: 14px;
  font-weight: bold;
}

.wwparagraphe04 p, .wwparagraphe10 p {
  margin: 0px 0px 15px 0px;
  padding: 0px;
  text-align: justify;
  font-size: 12px;
}

.wwparagraphe04 ul {
  margin: 2px 0px 0px 0px;
  padding: 0px;
  font-size: 12px;
}
.wwparagraphe04 ul li {
  padding: 0px;
  font-size: 12px;
}

.wwparagraphe02 {
  margin: 0px;
  padding: 0px 0px 0px 100px; 
}


.wwparagraphe06 {
  margin: 0px 0px 15px 15px;
  width: 410px;
  height: 190px;
  float: left;
}

.wwparagraphe08 {
  width: 420px;
  float: left;
}
.wwparagraphe07 {
  margin: 0px;
  padding: 0px 130px 0px 0px; 
}
.wwparagraphe09 {
  margin: 0px;
  padding: 0px 170px 0px 0px; 
}


.wwparagraphe01:hover {
  background-position: top;
}


.wwparagraphe01 p, .wwparagraphe02 p {
  margin: 0px;
  padding: 0px;
  text-align: justify;
  font-size: 12px;
  font-family: verdana, arial, helvetica, sans-serif;
  clear: both;
  overflow: auto;
}

/* .wwparagraphe01 span, .wwparagraphe02 span { */
.wwpara_more {
  margin: 7px 0px 3px 2px;
  padding: 0px;
  font-size: 11px;
  font-style: italic;
  color: #005588;
}


.para_img01, .para_img02, .para_img03, .para_img04 {
  background-position: 10px 5px;
  background-repeat: no-repeat;
}
.para_img01 { background-image: url('icon_80_ecran01.png'); }
.para_img02 { background-image: url('icon_80_loupe.png'); }
.para_img03 { background-image: url('icon_80_ecran02.png'); }
.para_img04 { background-image: url('icon_80_qualite.png'); }

.para_imgQ01, .para_imgQ02, .para_imgQ03, .para_imgQ04 {
  background-position: 300px 20px;
  background-repeat: no-repeat;
}
.para_imgQ01 { background-image: url('icon_100_ecrous.png'); }
.para_imgQ02 { background-image: url('icon_100_code.png'); }
.para_imgQ03 { background-image: url('icon_100_users.png'); }
.para_imgQ04 { background-image: url('icon_100_navigateurs'); }

.para_imgS01, .para_imgS02, .para_imgS03, .para_imgS04, .para_imgS05 {
  background-position: 710px 30px;
  background-repeat: no-repeat;
}
.para_imgS01 { background-image: url('icon_150_internet.png'); }
.para_imgS02 { background-image: url('icon_150_referencement.png'); }
.para_imgS03 { background-image: url('icon_150_techno.png'); }
.para_imgS04 { background-image: url('icon_150_formation.png'); }
.para_imgS05 { background-image: url('icon_150_progonline.png'); }



/*===========================================================================*/
/*   PAGES PRESTATIONS & NORMES                                              */
/*===========================================================================*/

a.wwserv_voir, a.wwlex_voir {
	margin: 5px 0px 0px 10px;
  font-size: 12px;
  padding: 1px 6px 1px 6px;
  text-align: center;
  color: #000;
  background: #DDD;
  background: -webkit-linear-gradient( #EEE, #BBB);
  background:    -moz-linear-gradient( #EEE, #BBB);
  background:     -ms-linear-gradient( #EEE, #BBB);
  background:      -o-linear-gradient( #EEE, #BBB);
  background:         linear-gradient( #EEE, #BBB);
  border-radius: 4px;
  text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
  box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
              0 -1px 0 rgba( 255, 255, 255, 0.4);
  text-decoration: none;
}
a.wwlex_voir { display:block; width:140px; text-align:left;}

a.wwserv_voir:hover, a.wwserv_voir:focus,
a.wwlex_voir:hover, a.wwlex_voir:focus {
  color: #000;
  background: #EEE;
  background: -webkit-linear-gradient( #BBB, #EEE);
  background:    -moz-linear-gradient( #BBB, #EEE);
  background:     -ms-linear-gradient( #BBB, #EEE);
  background:      -o-linear-gradient( #BBB, #EEE);
  background:         linear-gradient( #BBB, #EEE);
}



.wwprestations p, .wwnormes p {
  margin: 0px 280px 20px 0px;
  padding: 0px;
}


.wwprestations img, .wwnormes img {
  border: 0px;
  margin: 0px;
  float: right;
}

.wwprestations ul { margin: 10px 10px 30px 10px; padding: 0px; width: 560px; }


.wwprestationsL {
  width: 460px;
  height: 360px;
  margin: 0px 0px 30px 0px; 
  float: left;
}

.wwprestationsR {
  width: 330px;
  height: 360px;
  margin: 0px 0px 30px 0px; 
  float: right;
}

.wwprestationsL p {
  width: 340px;
  padding: 0px;
}

.wwprestationsR p {
  width: 210px;
  padding: 0px;
}


.wwprestationsL img, .wwprestationsR img {
  border: 0px;
  margin: 0px 0px 10px 0px;
  float: right;
  height: 100px;
  width: 100px;  
}
.wwprestationsR img { margin-top: 5px; }

.wwnormes2L, .wwnormes2R {
  width: 390px;
  margin: 0px 0px 30px 0px; 
  height: 180px;
  float: left;
}
.wwnormes2R { float: right; }

.wwnormes2L p, .wwnormes2R p {
  width: 275px;
  padding: 0px;
}

.wwnormes2L img, .wwnormes2R img {
  border: 0px;
  margin: 0px 0px 10px 0px;
  float: right;
  height: 100px;
  width: 100px;  
}


/*===========================================================================*/
/*   PAGE REFERENCES                                                         */
/*===========================================================================*/


.wwblocref {
  margin: 10px;
  padding: 10px 18px 10px 18px;
  width: 242px;
  height: 210px;
  font-size: 14px; 
  font-style: normal;
  color: #333333;
  text-align: justify;
  background-color: #FFFFFF;
  border: 1px solid #222222;
	-moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  behavior: url(http://www.windsofweb.com/border-radius.htc); 
	-moz-box-shadow: 4px 4px 10px #333;  
	-webkit-box-shadow: 4px 4px 10px #333;  
	box-shadow: 4px 4px 10px #333; 
  float: left;
}

.wwblocref img {
  border: 1px solid #000;
}


.wwblocref h3 {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  color: #114466;
  font-size: 14px;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
}
/*
.wwblocref a {
  color: #114466;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  font-style: italic;
}*/

.wwblocref .spantags, .wwblocref .spantags a {
  color: #666;
  margin: 0px 0px 5px 0px;
  padding: 0px;
  font-size: 9px;
}

table.wwblocref_liens {
  border-collapse: collapse;
  width: 100%;
}

a.wwblocref_voir {
	margin: 5px 10px 0px 0px;
  font-size: 11px;
  padding: 1px 6px 1px 6px;
  text-align: center;
  color: #000;
  background: #DDD;
  background: -webkit-linear-gradient( #EEE, #BBB);
  background:    -moz-linear-gradient( #EEE, #BBB);
  background:     -ms-linear-gradient( #EEE, #BBB);
  background:      -o-linear-gradient( #EEE, #BBB);
  background:         linear-gradient( #EEE, #BBB);
  border-radius: 4px;
  text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
  box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
              0 -1px 0 rgba( 255, 255, 255, 0.4);
  text-decoration: none;
}

a.wwblocref_voir:hover, a.wwblocref_voir:focus {
  color: #000;
  background: #EEE;
  background: -webkit-linear-gradient( #BBB, #EEE);
  background:    -moz-linear-gradient( #BBB, #EEE);
  background:     -ms-linear-gradient( #BBB, #EEE);
  background:      -o-linear-gradient( #BBB, #EEE);
  background:         linear-gradient( #BBB, #EEE);
}

#reference_details {
  border-collapse: collapse;
}

#reference_details img {
  border: 4px solid #999;
}

.tdref1 {
  vertical-align: top;
  padding: 10px 20px 10px 0px;
}
.tdref2 {
  vertical-align: top;
  text-align: left;
}




/*===========================================================================*/
/*   PAGE CONTACT                                                            */
/*===========================================================================*/

.wwcontact {
  position: relative;
  margin-bottom: 30px;
}

.wwcontact p {
  margin: 0px 0px 20px 0px;
  padding: 0px;
}

.wwcontact input, .wwcontact textarea {
  padding: 2px;
  border: 1px solid #666666;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  behavior: url(http://www.windsofweb.com/border-radius.htc); 
	-moz-box-shadow: 1px 1px 4px #999999;  
	-webkit-box-shadow: 1px 1px 4px #999999;  
	box-shadow: 1px 1px 4px #999999; 
}

.wwcontact input { width: 250px; }
.wwcontact #envoyer { width: 120px; }


.wwcontact img {
  border: 0px;
  margin: 0px 20px 60px 0px;
  height: 128px;
  width: 128px;  
}

#wwcontacttel {
  width: 190px;
  margin: 20px 0px 150px 0px;
  padding: 0px;
  color: #104ACD;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}







.wwlienreal {
  margin: 10px 0px 20px 0px;
  width: 245px;
  font-size: 12px; font-style:normal; font-family: verdana, arial;
  color: #000033;
  text-align: center;
}

.wwlienreal a img {
  border: 1px solid #114466;
}

.wwlienreal a:hover img, .wwlienreal a:focus img {
  border: 1px solid #114466;
}

.wwlienreal h2 {
  margin: 0px;
  padding: 2px;
  background-color: #114466;
  color: #FFFFFF;
  font-size: 10px;
  text-align: center;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
}

.wwlienreal a {
  color: #FFFFFF;
}

.wwlienreal a:hover, .wwlienreal a:focus {
  color: #FFFF99;
  text-decoration: underline;
}
/*
input, textarea {
  background-color: #FDE5D3;
}*/


#lexique_liste {
}

#lexique_def {
  float: right;
  width: 700px;
}


/*===========================================================================*/
/*   REALISATIONS                                                            */
/*===========================================================================*/

.wwreal_img1 {
  float: left;
  margin: 0px 0px 20px 10px;
  padding: 0px;
  width: 245px;
  height: 152px;
}



.wwreal_img1 a img {
  border: 1px solid #114466;
  text-align: center;
  float: left;
  margin-right: 20px;
}

.wwreal_img1 a:hover img, .wwreal_img1 a:focus img {
  border: 1px solid #FF1144;
}




/* TEASERS */

#conteneurTeaserAccueil { padding: 0px; margin: 0px; text-align:left; }

.clearfix{
	clear:both;
	float:none;
}

#bigPic{
	width: 240px;
	height: 150px;
	padding: 1px;
	border: 1px solid #FFFFFF;
	background-color: #0F5263;
	text-align: left;
	-moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
	-moz-box-shadow: 2px 2px 10px #000;  
	-webkit-box-shadow: 2px 2px 10px #000;  
	box-shadow: 2px 2px 10px #000;
}

#bigPic img {
	position: absolute;
	display: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

ul#thumbs{
  position: absolute;
  top: -150px;
  left: 250px;
	z-index: 1;
}

ul#thumbs li.active{
	border: 1px solid #000;	
	background-color: #990000;
	padding: 1px;
	text-align: center;
	font-weight: normal;
	color: #FFFF66;
	z-index: 1;		
}

ul#thumbs, ul#thumbs li{
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 1;
  display: block;
}
	
ul#thumbs li{
	float:left;
	margin-left:5px;
	margin-bottom: 2px;
	width: 16px;
	border: 1px solid #0F5263;	
	padding: 1px;
	cursor: pointer;
	background-color: #0F5263;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
	z-index:1;		
}

div#boutons_sociaux {
  position: relative;
  top: -20px;
  right: 15px;
  float: right;
}

div#icon_fb {
  margin: 0px
  padding: 0px;
  height: 24px;
  width: 24px;
  background: #061822 url('icon_facebook2.png') top center no-repeat;
}
div#icon_fb:hover {
  background: #061822 url('icon_facebook2.png') bottom center no-repeat;
}

div#icon_fb2, div#icon_tw2, div#icon_go2, div#icon_lin {
  margin: 6px 6px 6px 0px;
  padding: 0px;
  height: 18px;
  width: 18px;
  background: url('icon_facebook.png') top center no-repeat;
  cursor: pointer;
}
div#icon_tw2 { background: url('icon_twitter.png') top center no-repeat; }
div#icon_go2 { background: url('icon_google.png') top center no-repeat; }
div#icon_lin { background: url('icon_linkedin.png') top center no-repeat; width: 78px; }


ul.ulmap {
  margin: 5px 30px 30px 10px;
  text-align: left;
}
ul.ulmap li {
  margin: 0px 0px 1px 5px;
  padding: 0px;
  list-style-type: square;
}


/* JQuery CSS Demo */
#draggable { width: 120px; height: 50px; padding: 0.5em; background-color:#EEE; border: 1px solid #666; cursor:move; }
#sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 0 0 2.5em; float: left; margin-right: 10px; cursor:move; }
#sortable1 li, #sortable2 li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px; cursor:move; }
#red, #green, #blue { float: left; clear: left; width: 300px; margin: 15px; }
#swatch {width: 120px; height: 100px; margin-top: 18px; margin-left: 350px; background-image: none; }
#red .ui-slider-range { background: #ef2929; }
#red .ui-slider-handle { border-color: #ef2929; cursor:e-resize; }
#green .ui-slider-range { background: #8ae234; }
#green .ui-slider-handle { border-color: #8ae234; cursor:e-resize; }
#blue .ui-slider-range { background: #729fcf; }
#blue .ui-slider-handle { border-color: #729fcf; cursor:e-resize; }


@media (max-width: 700px){
    #logoWoW {
      position: absolute;
      top: 0px;
      left: 0;
    }
    
    
    #menu {
      position: absolute;
      top: 75px;
      right: 0;
    }

    #menu li a {
    	margin: 0px 1px 0px 1px;
      font-size: 11px;
      padding: 3px 4px 3px 4px;
    }

    .bloc01, .bloc02 {
      position: relative;
      right: 0px;
      width: 100%;
    }
    
    .wwparagraphe02, .wwparagraphe09, .wwparagraphe07 {
      margin: 0px;
      padding: 0px 0px 0px 50px; 
    }
    .wwparagraphe06 { margin: 0px 0px 15px 0px; padding: 10px; width: auto; height: auto; }
    .para_img01, .para_img02, .para_img03, .para_img04 { background-position: 4px 4px; background-size: 40px 40px; }
    .para_imgS01, .para_imgS02, .para_imgS03, .para_imgS04, .para_imgS05 { background-position: 4px 4px; background-size: 40px 40px; }
    .para_imgQ01, .para_imgQ02, .para_imgQ03, .para_imgQ04 { background-position: 4px 4px; background-size: 40px 40px; }


    .creditsl, .creditsr {
      position: relative;
      right: 0px;
    }

    div.tnuagetag, div.tnuagetag2 {
      margin: 0px 20px 0px 0px;
    }

    #lexique_def {
      float: none;
      position: relative;
      right: 0px;
      width: 100%;
    }
    #lexique_liste {
      float: none;
      position: relative;
      right: 0px;
      width: 100%;
    }

}