﻿
.C_outils_fonction
{text-align:justify}

.C_outils_fonction h2
{clear:both;display:block;margin:40px 0 25px;background-color:#505050;color:#ffffff;padding:6px 12px;font-weight:normal;border-radius:8px}

.C_outils_fonction h2.first
{margin-top:0}

.C_outils_fonction img
{display:block;margin:0 0 20px 0;clear:both}

.C_outils_fonction img.border
{border:dashed 1px #e0e0e0;padding:12px 10px}

.C_outils_fonction img.floatleft
{float:left;margin:0 20px 45px 0}

.C_outils_fonction img.floatright
{float:right;margin:0 0 45px 20px}

.C_outils_fonction img.center
{margin:0 auto}

.C_outils_fonction img.marginsup
{margin-bottom:45px}

.C_outils_fonction ul
{margin:0;padding:0 0 0 25px}

.C_outils_fonction ul li
{padding:0 0 5px 0}

.C_outils_fonction a.linkto
{display:inline-block;color:#258ecb;cursor:pointer;font-weight:bold;text-decoration:underline}
.C_outils_fonction a.linkto:hover
{color:#d83726}

@media screen and (max-width:480px) 
{
  .C_outils_fonction h2
  {margin:25px 0 20px}
  
  .C_outils_fonction img.floatleft,
  .C_outils_fonction img.floatright
  {float:none;margin:auto}
  
  .C_outils_fonction ul li
  {padding:0 10px 5px 0}
  
  .C_outils_fonction img
  {max-width:100%;margin:15px auto !important}
  
  .C_outils_fonction img.marginsup
  {margin-bottom:20px}
  
  .C_outils_fonction img.border
  {padding:4px}
}

@media screen and (max-width:320px) 
{
  .C_outils_fonction img
  {width:auto}
  
  .C_outils_fonction img.border
  {max-width:96%}
}
